diff --git a/404.html b/404.html index 5f51af5..465a656 100644 --- a/404.html +++ b/404.html @@ -3,10 +3,32 @@ - PrimeNG - APOLLO + Map Grid - + + + Map Grid Component | Interactive Map Display + + + + + + + + + + + + + + + + + + + + diff --git a/assets/layout/images/logo.png b/assets/layout/images/logo.png new file mode 100644 index 0000000..ef7b94a Binary files /dev/null and b/assets/layout/images/logo.png differ diff --git a/index.html b/index.html index 5f51af5..465a656 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,32 @@ - PrimeNG - APOLLO + Map Grid - + + + Map Grid Component | Interactive Map Display + + + + + + + + + + + + + + + + + + + + diff --git a/tiles/105.77d04a72a7814d40.js b/tiles/105.77d04a72a7814d40.js deleted file mode 100644 index 165a61b..0000000 --- a/tiles/105.77d04a72a7814d40.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[105],{2105:(M,p,r)=>{r.r(p),r.d(p,{LoginModule:()=>y});var d=r(6814),a=r(9310),t=r(5849),u=r(3859),s=r(336),c=r(3714),m=r(5124),l=r(95),f=r(1111);const g=()=>["/"];let h=(()=>{class e{constructor(o){this.layoutService=o,this.rememberMe=!1}get dark(){return"light"!==this.layoutService.config().colorScheme}static#t=this.\u0275fac=function(n){return new(n||e)(t.Y36(u.P))};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["ng-component"]],decls:29,vars:10,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-4"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium"],[1,"flex","flex-column"],[1,"p-input-icon-left","w-full","mb-4"],[1,"pi","pi-envelope"],["id","email","type","text","pInputText","","placeholder","Email",1,"w-full","md:w-25rem"],[1,"pi","pi-lock"],["id","password","type","password","pInputText","","placeholder","Password",1,"w-full","md:w-25rem"],[1,"mb-4","flex","flex-wrap","gap-3"],["name","checkbox","value","val","styleClass","mr-2",3,"ngModel","binary","ngModelChange"],["for","checkbox",1,"text-900","font-medium","mr-8"],[1,"text-600","cursor-pointer","hover:text-primary","cursor-pointer","ml-auto","transition-colors","transition-duration-300"],["pButton","","pRipple","","label","Log In",1,"w-full",3,"routerLink"],[3,"minimal"]],template:function(n,i){1&n&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),t.qZA(),t.kcU(),t.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),t._uU(10,"Log in"),t.qZA(),t.TgZ(11,"span",10),t._uU(12,"Please enter your details"),t.qZA()(),t.TgZ(13,"div",11)(14,"span",12),t._UZ(15,"i",13)(16,"input",14),t.qZA(),t.TgZ(17,"span",12),t._UZ(18,"i",15)(19,"input",16),t.qZA(),t.TgZ(20,"div",17)(21,"div")(22,"p-checkbox",18),t.NdJ("ngModelChange",function(Z){return i.rememberMe=Z}),t.qZA(),t.TgZ(23,"label",19),t._uU(24,"Remember Me"),t.qZA()(),t.TgZ(25,"a",20),t._uU(26,"Reset password"),t.qZA()(),t._UZ(27,"button",21),t.qZA()()(),t._UZ(28,"app-config",22)),2&n&&(t.xp6(1),t.uIk("fill",i.dark?"var(--primary-900)":"var(--primary-500)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-800)":"var(--primary-400)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-700)":"var(--primary-300)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-600)":"var(--primary-200)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-500)":"var(--primary-100)"),t.xp6(17),t.Q6J("ngModel",i.rememberMe)("binary",!0),t.xp6(5),t.Q6J("routerLink",t.DdM(9,g)),t.xp6(1),t.Q6J("minimal",!0))},dependencies:[a.rH,s.Hq,c.o,m.XZ,l.JJ,l.On,f.P],encapsulation:2})}return e})(),v=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[a.Bz.forChild([{path:"",component:h}]),a.Bz]})}return e})();var x=r(1567);let y=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[d.ez,v,s.hJ,c.j,m.nD,l.u5,x.h]})}return e})()}}]); \ No newline at end of file diff --git a/tiles/111.719adc28932534d9.js b/tiles/111.719adc28932534d9.js deleted file mode 100644 index da5e9cd..0000000 --- a/tiles/111.719adc28932534d9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[111],{1111:(b,c,r)=>{r.d(c,{P:()=>x});var e=r(5849),_=r(3859),d=r(704),p=r(6814),u=r(95),m=r(9246),s=r(1865),h=r(336),C=r(5609);function M(l,g){1&l&&e._UZ(0,"i",21)}const f=l=>({"background-color":l});function T(l,g){if(1&l){const n=e.EpF();e.TgZ(0,"div",18)(1,"button",19),e.NdJ("click",function(){const i=e.CHM(n).$implicit,a=e.oxw();return e.KtG(a.changeTheme(i.name))}),e.YNc(2,M,1,0,"i",20),e.qZA()()}if(2&l){const n=g.$implicit,t=e.oxw();e.xp6(1),e.Q6J("ngStyle",e.VKq(2,f,n.color)),e.xp6(1),e.Q6J("ngIf",n.name==t.layoutService.config().theme)}}const Z=l=>({"text-primary-500":l});function v(l,g){if(1&l&&e._UZ(0,"i",22),2&l){const n=g.$implicit,t=e.oxw();e.Q6J("ngClass",e.VKq(1,Z,n===t.scale))}}function A(l,g){if(1&l){const n=e.EpF();e.ynx(0),e.TgZ(1,"h5"),e._uU(2,"Menu Type"),e.qZA(),e.TgZ(3,"div",3)(4,"div",23)(5,"p-radioButton",24),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(6,"label",25),e._uU(7,"Static"),e.qZA()(),e.TgZ(8,"div",23)(9,"p-radioButton",26),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(10,"label",27),e._uU(11,"Overlay"),e.qZA()(),e.TgZ(12,"div",23)(13,"p-radioButton",28),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(14,"label",29),e._uU(15,"Slim"),e.qZA()(),e.TgZ(16,"div",23)(17,"p-radioButton",30),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(18,"label",29),e._uU(19,"Slim +"),e.qZA()(),e.TgZ(20,"div",23)(21,"p-radioButton",31),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(22,"label",32),e._uU(23,"Reveal"),e.qZA()(),e.TgZ(24,"div",23)(25,"p-radioButton",33),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(26,"label",34),e._uU(27,"Drawer"),e.qZA()(),e.TgZ(28,"div",23)(29,"p-radioButton",35),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuMode=o)}),e.qZA(),e.TgZ(30,"label",36),e._uU(31,"Horizontal"),e.qZA()()(),e.TgZ(32,"h5"),e._uU(33,"Menu Theme"),e.qZA(),e.TgZ(34,"div",11)(35,"p-radioButton",37),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuTheme=o)}),e.qZA(),e.TgZ(36,"label",38),e._uU(37,"Color Scheme"),e.qZA()(),e.TgZ(38,"div",11)(39,"p-radioButton",39),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuTheme=o)}),e.qZA(),e.TgZ(40,"label",40),e._uU(41,"Primary Color"),e.qZA()(),e.TgZ(42,"div",11)(43,"p-radioButton",41),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.menuTheme=o)}),e.qZA(),e.TgZ(44,"label",42),e._uU(45,"Transparent"),e.qZA()(),e.BQk()}if(2&l){const n=e.oxw();e.xp6(5),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(4),e.Q6J("ngModel",n.menuMode),e.xp6(6),e.Q6J("ngModel",n.menuTheme),e.xp6(4),e.Q6J("ngModel",n.menuTheme),e.xp6(4),e.Q6J("ngModel",n.menuTheme)}}function S(l,g){if(1&l){const n=e.EpF();e.ynx(0),e.TgZ(1,"h5"),e._uU(2,"Input Style"),e.qZA(),e.TgZ(3,"div",43)(4,"div",44)(5,"p-radioButton",45),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.inputStyle=o)}),e.qZA(),e.TgZ(6,"label",46),e._uU(7,"Outlined"),e.qZA()(),e.TgZ(8,"div",44)(9,"p-radioButton",47),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.inputStyle=o)}),e.qZA(),e.TgZ(10,"label",48),e._uU(11,"Filled"),e.qZA()()(),e.TgZ(12,"h5"),e._uU(13,"Ripple Effect"),e.qZA(),e.TgZ(14,"p-inputSwitch",49),e.NdJ("ngModelChange",function(o){e.CHM(n);const i=e.oxw();return e.KtG(i.ripple=o)}),e.qZA(),e.BQk()}if(2&l){const n=e.oxw();e.xp6(5),e.Q6J("ngModel",n.inputStyle),e.xp6(4),e.Q6J("ngModel",n.inputStyle),e.xp6(5),e.Q6J("ngModel",n.ripple)}}let x=(()=>{class l{constructor(n,t){this.layoutService=n,this.menuService=t,this.minimal=!1,this.componentThemes=[],this.scales=[12,13,14,15,16]}get visible(){return this.layoutService.state.configSidebarVisible}set visible(n){this.layoutService.state.configSidebarVisible=n}get scale(){return this.layoutService.config().scale}set scale(n){this.layoutService.config.update(t=>({...t,scale:n}))}get menuMode(){return this.layoutService.config().menuMode}set menuMode(n){this.layoutService.config.update(t=>({...t,menuMode:n})),(this.layoutService.isSlimPlus()||this.layoutService.isSlim()||this.layoutService.isHorizontal())&&this.menuService.reset()}get colorScheme(){return this.layoutService.config().colorScheme}set colorScheme(n){this.layoutService.config.update(t=>({...t,colorScheme:n}))}get inputStyle(){return this.layoutService.config().inputStyle}set inputStyle(n){this.layoutService.config.update(t=>({...t,inputStyle:n}))}get ripple(){return this.layoutService.config().ripple}set ripple(n){this.layoutService.config.update(t=>({...t,ripple:n}))}get menuTheme(){return this.layoutService.config().menuTheme}set menuTheme(n){this.layoutService.config.update(t=>({...t,menuTheme:n}))}get theme(){return this.layoutService.config().theme}set theme(n){this.layoutService.config.update(t=>({...t,theme:n}))}ngOnInit(){this.componentThemes=[{name:"indigo",color:"#6366F1"},{name:"blue",color:"#3B82F6"},{name:"purple",color:"#8B5CF6"},{name:"teal",color:"#14B8A6"},{name:"cyan",color:"#06b6d4"},{name:"green",color:"#10b981"},{name:"orange",color:"#f59e0b"},{name:"pink",color:"#d946ef"}]}onConfigButtonClick(){this.layoutService.showConfigSidebar()}changeColorScheme(n){this.colorScheme=n}changeTheme(n){this.theme=n}decrementScale(){this.scale--}incrementScale(){this.scale++}static#e=this.\u0275fac=function(t){return new(t||l)(e.Y36(_.P),e.Y36(d.h))};static#n=this.\u0275cmp=e.Xpm({type:l,selectors:[["app-config"]],inputs:{minimal:"minimal"},decls:30,vars:11,consts:[["type","button",1,"layout-config-button","p-link",3,"click"],[1,"pi","pi-cog"],["position","right","styleClass","layout-config-sidebar w-18rem",3,"visible","transitionOptions","visibleChange"],[1,"flex","flex-wrap","row-gap-3"],["class","w-3",4,"ngFor","ngForOf"],[1,"flex","align-items-center"],["icon","pi pi-minus","type","button","pButton","",1,"p-button-text","p-button-rounded","w-2rem","h-2rem","mr-2",3,"disabled","click"],[1,"flex","gap-2","align-items-center"],["class","pi pi-circle-fill text-300",3,"ngClass",4,"ngFor","ngForOf"],["icon","pi pi-plus","type","button","pButton","",1,"p-button-text","p-button-rounded","w-2rem","h-2rem","ml-2",3,"disabled","click"],[4,"ngIf"],[1,"field-radiobutton"],["name","colorScheme","value","light","inputId","mode-light",3,"ngModel","ngModelChange"],["for","mode-light"],["name","colorScheme","value","dim","inputId","mode-dim",3,"ngModel","ngModelChange"],["for","mode-dim"],["name","colorScheme","value","dark","inputId","mode-dark",3,"ngModel","ngModelChange"],["for","mode-dark"],[1,"w-3"],["type","button",1,"cursor-pointer","p-link","w-2rem","h-2rem","border-circle","flex-shrink-0","flex","align-items-center","justify-content-center",3,"ngStyle","click"],["class","pi pi-check text-white",4,"ngIf"],[1,"pi","pi-check","text-white"],[1,"pi","pi-circle-fill","text-300",3,"ngClass"],[1,"flex","align-items-center","gap-2","w-6"],["name","menuMode","value","static","inputId","mode1",3,"ngModel","ngModelChange"],["for","mode1"],["name","menuMode","value","overlay","inputId","mode2",3,"ngModel","ngModelChange"],["for","mode2"],["name","menuMode","value","slim","inputId","mode3",3,"ngModel","ngModelChange"],["for","mode3"],["name","menuMode","value","slim-plus","inputId","mode4",3,"ngModel","ngModelChange"],["name","menuMode","value","reveal","inputId","mode6",3,"ngModel","ngModelChange"],["for","mode5"],["name","menuMode","value","drawer","inputId","mode7",3,"ngModel","ngModelChange"],["for","mode6"],["name","menuMode","value","horizontal","inputId","mode5",3,"ngModel","ngModelChange"],["for","mode4"],["name","menuTheme","value","colorScheme","inputId","menutheme-colorscheme",3,"ngModel","ngModelChange"],["for","menutheme-colorscheme"],["name","menuTheme","value","primaryColor","inputId","menutheme-primarycolor",3,"ngModel","ngModelChange"],["for","menutheme-primarycolor"],["name","menuTheme","value","transparent","inputId","menutheme-transparent",3,"ngModel","ngModelChange"],["for","menutheme-transparent"],[1,"flex"],[1,"field-radiobutton","flex-1"],["name","inputStyle","value","outlined","inputId","outlined_input",3,"ngModel","ngModelChange"],["for","outlined_input"],["name","inputStyle","value","filled","inputId","filled_input",3,"ngModel","ngModelChange"],["for","filled_input"],[3,"ngModel","ngModelChange"]],template:function(t,o){1&t&&(e.TgZ(0,"button",0),e.NdJ("click",function(){return o.onConfigButtonClick()}),e._UZ(1,"i",1),e.qZA(),e.TgZ(2,"p-sidebar",2),e.NdJ("visibleChange",function(a){return o.visible=a}),e.TgZ(3,"h5"),e._uU(4,"Themes"),e.qZA(),e.TgZ(5,"div",3),e.YNc(6,T,3,4,"div",4),e.qZA(),e.TgZ(7,"h5"),e._uU(8,"Scale"),e.qZA(),e.TgZ(9,"div",5)(10,"button",6),e.NdJ("click",function(){return o.decrementScale()}),e.qZA(),e.TgZ(11,"div",7),e.YNc(12,v,1,3,"i",8),e.qZA(),e.TgZ(13,"button",9),e.NdJ("click",function(){return o.incrementScale()}),e.qZA()(),e.YNc(14,A,46,10,"ng-container",10),e.TgZ(15,"h5"),e._uU(16,"Color Scheme"),e.qZA(),e.TgZ(17,"div",11)(18,"p-radioButton",12),e.NdJ("ngModelChange",function(a){return o.colorScheme=a}),e.qZA(),e.TgZ(19,"label",13),e._uU(20,"Light"),e.qZA()(),e.TgZ(21,"div",11)(22,"p-radioButton",14),e.NdJ("ngModelChange",function(a){return o.colorScheme=a}),e.qZA(),e.TgZ(23,"label",15),e._uU(24,"Dim"),e.qZA()(),e.TgZ(25,"div",11)(26,"p-radioButton",16),e.NdJ("ngModelChange",function(a){return o.colorScheme=a}),e.qZA(),e.TgZ(27,"label",17),e._uU(28,"Dark"),e.qZA()(),e.YNc(29,S,15,3,"ng-container",10),e.qZA()),2&t&&(e.xp6(2),e.Q6J("visible",o.visible)("transitionOptions",".3s cubic-bezier(0, 0, 0.2, 1)"),e.xp6(4),e.Q6J("ngForOf",o.componentThemes),e.xp6(4),e.Q6J("disabled",o.scale===o.scales[0]),e.xp6(2),e.Q6J("ngForOf",o.scales),e.xp6(1),e.Q6J("disabled",o.scale===o.scales[o.scales.length-1]),e.xp6(1),e.Q6J("ngIf",!o.minimal),e.xp6(4),e.Q6J("ngModel",o.colorScheme),e.xp6(4),e.Q6J("ngModel",o.colorScheme),e.xp6(4),e.Q6J("ngModel",o.colorScheme),e.xp6(3),e.Q6J("ngIf",!o.minimal))},dependencies:[p.mk,p.sg,p.O5,p.PC,u.JJ,u.On,m.Y,s.EU,h.Hq,C.Ql],encapsulation:2})}return l})()}}]); \ No newline at end of file diff --git a/tiles/3rdpartylicenses.txt b/tiles/3rdpartylicenses.txt deleted file mode 100644 index fb8ca38..0000000 --- a/tiles/3rdpartylicenses.txt +++ /dev/null @@ -1,469 +0,0 @@ -@angular/animations -MIT - -@angular/common -MIT - -@angular/core -MIT - -@angular/forms -MIT - -@angular/platform-browser -MIT - -@angular/router -MIT - -@babel/runtime -MIT -MIT License - -Copyright (c) 2014-present Sebastian McKenzie 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. - - -color-name -MIT -The MIT License (MIT) -Copyright (c) 2015 Dmitry Ivanov - -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. - -color-parse -MIT -The MIT License (MIT) - -Copyright (c) 2015 Dmitry Ivanov - -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. - -color-rgba -MIT - -color-space -MIT -This is free and unencumbered software released into the public domain. - -Anyone is free to copy, modify, publish, use, compile, sell, or -distribute this software, either in source code form or as a compiled -binary, for any purpose, commercial or non-commercial, and by any -means. - -In jurisdictions that recognize copyright laws, the author or authors -of this software dedicate any and all copyright interest in the -software to the public domain. We make this dedication for the benefit -of the public at large and to the detriment of our heirs and -successors. We intend this dedication to be an overt act of -relinquishment in perpetuity of all present and future rights to this -software under copyright law. - -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 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. - -For more information, please refer to - -ol -BSD-2-Clause -BSD 2-Clause License - -Copyright 2005-present, OpenLayers Contributors -All rights reserved. - -Redistribution and use in source and binary forms, with or without -modification, are permitted provided that the following conditions are met: - -1. Redistributions of source code must retain the above copyright notice, this - list of conditions and the following disclaimer. - -2. Redistributions in binary form must reproduce the above copyright notice, - this list of conditions and the following disclaimer in the documentation - and/or other materials provided with the distribution. - -THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" -AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE -IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE -DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE -FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL -DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR -SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER -CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, -OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - - -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 - -quill -BSD-3-Clause -Copyright (c) 2014, Jason Chen -Copyright (c) 2013, salesforce.com -All rights reserved. - -Redistribution and use in source and binary forms, with or without -modification, are permitted provided that the following conditions -are met: - -1. Redistributions of source code must retain the above copyright -notice, this list of conditions and the following disclaimer. - -2. Redistributions in binary form must reproduce the above copyright -notice, this list of conditions and the following disclaimer in the -documentation and/or other materials provided with the distribution. - -3. Neither the name of the copyright holder nor the names of its -contributors may be used to endorse or promote products derived from -this software without specific prior written permission. - -THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS -IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED -TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A -PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT -HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, -SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, -DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY -THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT -(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - - -rbush -MIT -MIT License - -Copyright (c) 2016 Vladimir Agafonkin - -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. - - -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. - - - -tslib -0BSD -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS 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/tiles/423.72d7dad75de6cdd5.js b/tiles/423.72d7dad75de6cdd5.js deleted file mode 100644 index a5686e6..0000000 --- a/tiles/423.72d7dad75de6cdd5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[423],{1423:($,C,o)=>{o.d(C,{ro:()=>w,gz:()=>U});var p=o(6825),c=o(6814),e=o(5849),y=o(95),d=o(5219),h=o(2076),m=o(4713);let _=(()=>{class n extends m.s{static \u0275fac=(()=>{let t;return function(i){return(t||(t=e.n5z(n)))(i||n)}})();static \u0275cmp=e.Xpm({type:n,selectors:[["EyeIcon"]],standalone:!0,features:[e.qOj,e.jDz],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","M0.0535499 7.25213C0.208567 7.59162 2.40413 12.4 7 12.4C11.5959 12.4 13.7914 7.59162 13.9465 7.25213C13.9487 7.2471 13.9506 7.24304 13.952 7.24001C13.9837 7.16396 14 7.08239 14 7.00001C14 6.91762 13.9837 6.83605 13.952 6.76001C13.9506 6.75697 13.9487 6.75292 13.9465 6.74788C13.7914 6.4084 11.5959 1.60001 7 1.60001C2.40413 1.60001 0.208567 6.40839 0.0535499 6.74788C0.0512519 6.75292 0.0494023 6.75697 0.048 6.76001C0.0163137 6.83605 0 6.91762 0 7.00001C0 7.08239 0.0163137 7.16396 0.048 7.24001C0.0494023 7.24304 0.0512519 7.2471 0.0535499 7.25213ZM7 11.2C3.664 11.2 1.736 7.92001 1.264 7.00001C1.736 6.08001 3.664 2.80001 7 2.80001C10.336 2.80001 12.264 6.08001 12.736 7.00001C12.264 7.92001 10.336 11.2 7 11.2ZM5.55551 9.16182C5.98308 9.44751 6.48576 9.6 7 9.6C7.68891 9.59789 8.349 9.32328 8.83614 8.83614C9.32328 8.349 9.59789 7.68891 9.59999 7C9.59999 6.48576 9.44751 5.98308 9.16182 5.55551C8.87612 5.12794 8.47006 4.7947 7.99497 4.59791C7.51988 4.40112 6.99711 4.34963 6.49276 4.44995C5.98841 4.55027 5.52513 4.7979 5.16152 5.16152C4.7979 5.52513 4.55027 5.98841 4.44995 6.49276C4.34963 6.99711 4.40112 7.51988 4.59791 7.99497C4.7947 8.47006 5.12794 8.87612 5.55551 9.16182ZM6.2222 5.83594C6.45243 5.6821 6.7231 5.6 7 5.6C7.37065 5.6021 7.72553 5.75027 7.98762 6.01237C8.24972 6.27446 8.39789 6.62934 8.4 7C8.4 7.27689 8.31789 7.54756 8.16405 7.77779C8.01022 8.00802 7.79157 8.18746 7.53575 8.29343C7.27994 8.39939 6.99844 8.42711 6.72687 8.37309C6.4553 8.31908 6.20584 8.18574 6.01005 7.98994C5.81425 7.79415 5.68091 7.54469 5.6269 7.27312C5.57288 7.00155 5.6006 6.72006 5.70656 6.46424C5.81253 6.20842 5.99197 5.98977 6.2222 5.83594Z","fill","currentColor"]],template:function(s,i){1&s&&(e.O4$(),e.TgZ(0,"svg",0),e._UZ(1,"path",1),e.qZA()),2&s&&(e.Tol(i.getClassNames()),e.uIk("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})}return n})();var u=o(2332);let g=(()=>{class n extends m.s{pathId;ngOnInit(){this.pathId="url(#"+(0,u.Th)()+")"}static \u0275fac=(()=>{let t;return function(i){return(t||(t=e.n5z(n)))(i||n)}})();static \u0275cmp=e.Xpm({type:n,selectors:[["EyeSlashIcon"]],standalone:!0,features:[e.qOj,e.jDz],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.9414 6.74792C13.9437 6.75295 13.9455 6.757 13.9469 6.76003C13.982 6.8394 14.0001 6.9252 14.0001 7.01195C14.0001 7.0987 13.982 7.1845 13.9469 7.26386C13.6004 8.00059 13.1711 8.69549 12.6674 9.33515C12.6115 9.4071 12.54 9.46538 12.4582 9.50556C12.3765 9.54574 12.2866 9.56678 12.1955 9.56707C12.0834 9.56671 11.9737 9.53496 11.8788 9.47541C11.7838 9.41586 11.7074 9.3309 11.6583 9.23015C11.6092 9.12941 11.5893 9.01691 11.6008 8.90543C11.6124 8.79394 11.6549 8.68793 11.7237 8.5994C12.1065 8.09726 12.4437 7.56199 12.7313 6.99995C12.2595 6.08027 10.3402 2.8014 6.99732 2.8014C6.63723 2.80218 6.27816 2.83969 5.92569 2.91336C5.77666 2.93304 5.62568 2.89606 5.50263 2.80972C5.37958 2.72337 5.29344 2.59398 5.26125 2.44714C5.22907 2.30031 5.2532 2.14674 5.32885 2.01685C5.40451 1.88696 5.52618 1.79021 5.66978 1.74576C6.10574 1.64961 6.55089 1.60134 6.99732 1.60181C11.5916 1.60181 13.7864 6.40856 13.9414 6.74792ZM2.20333 1.61685C2.35871 1.61411 2.5091 1.67179 2.6228 1.77774L12.2195 11.3744C12.3318 11.4869 12.3949 11.6393 12.3949 11.7983C12.3949 11.9572 12.3318 12.1097 12.2195 12.2221C12.107 12.3345 11.9546 12.3976 11.7956 12.3976C11.6367 12.3976 11.4842 12.3345 11.3718 12.2221L10.5081 11.3584C9.46549 12.0426 8.24432 12.4042 6.99729 12.3981C2.403 12.3981 0.208197 7.59135 0.0532336 7.25198C0.0509364 7.24694 0.0490875 7.2429 0.0476856 7.23986C0.0162332 7.16518 3.05176e-05 7.08497 3.05176e-05 7.00394C3.05176e-05 6.92291 0.0162332 6.8427 0.0476856 6.76802C0.631261 5.47831 1.46902 4.31959 2.51084 3.36119L1.77509 2.62545C1.66914 2.51175 1.61146 2.36136 1.61421 2.20597C1.61695 2.05059 1.6799 1.90233 1.78979 1.79244C1.89968 1.68254 2.04794 1.6196 2.20333 1.61685ZM7.45314 8.35147L5.68574 6.57609V6.5361C5.5872 6.78938 5.56498 7.06597 5.62183 7.33173C5.67868 7.59749 5.8121 7.84078 6.00563 8.03158C6.19567 8.21043 6.43052 8.33458 6.68533 8.39089C6.94014 8.44721 7.20543 8.43359 7.45314 8.35147ZM1.26327 6.99994C1.7351 7.91163 3.64645 11.1985 6.99729 11.1985C7.9267 11.2048 8.8408 10.9618 9.64438 10.4947L8.35682 9.20718C7.86027 9.51441 7.27449 9.64491 6.69448 9.57752C6.11446 9.51014 5.57421 9.24881 5.16131 8.83592C4.74842 8.42303 4.4871 7.88277 4.41971 7.30276C4.35232 6.72274 4.48282 6.13697 4.79005 5.64041L3.35855 4.2089C2.4954 5.00336 1.78523 5.94935 1.26327 6.99994Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(s,i){1&s&&(e.O4$(),e.TgZ(0,"svg",0)(1,"g"),e._UZ(2,"path",1),e.qZA(),e.TgZ(3,"defs")(4,"clipPath",2),e._UZ(5,"rect",3),e.qZA()()()),2&s&&(e.Tol(i.getClassNames()),e.uIk("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),e.xp6(1),e.uIk("clip-path",i.pathId),e.xp6(3),e.Q6J("id",i.pathId))},encapsulation:2})}return n})();var f=o(7778),v=o(3714);const b=["input"];function T(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"TimesIcon",8),e.NdJ("click",function(){e.CHM(t);const i=e.oxw(2);return e.KtG(i.clear())}),e.qZA()}2&n&&(e.Q6J("styleClass","p-password-clear-icon"),e.uIk("data-pc-section","clearIcon"))}function x(n,a){}function k(n,a){1&n&&e.YNc(0,x,0,0,"ng-template")}function I(n,a){if(1&n){const t=e.EpF();e.ynx(0),e.YNc(1,T,1,2,"TimesIcon",5),e.TgZ(2,"span",6),e.NdJ("click",function(){e.CHM(t);const i=e.oxw();return e.KtG(i.clear())}),e.YNc(3,k,1,0,null,7),e.qZA(),e.BQk()}if(2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngIf",!t.clearIconTemplate),e.xp6(1),e.uIk("data-pc-section","clearIcon"),e.xp6(1),e.Q6J("ngTemplateOutlet",t.clearIconTemplate)}}function L(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"EyeSlashIcon",10),e.NdJ("click",function(){e.CHM(t);const i=e.oxw(3);return e.KtG(i.onMaskToggle())}),e.qZA()}2&n&&e.uIk("data-pc-section","hideIcon")}function P(n,a){}function S(n,a){1&n&&e.YNc(0,P,0,0,"ng-template")}function E(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"span",10),e.NdJ("click",function(){e.CHM(t);const i=e.oxw(3);return e.KtG(i.onMaskToggle())}),e.YNc(1,S,1,0,null,7),e.qZA()}if(2&n){const t=e.oxw(3);e.xp6(1),e.Q6J("ngTemplateOutlet",t.hideIconTemplate)}}function M(n,a){if(1&n&&(e.ynx(0),e.YNc(1,L,1,1,"EyeSlashIcon",9)(2,E,2,1,"span",9),e.BQk()),2&n){const t=e.oxw(2);e.xp6(1),e.Q6J("ngIf",!t.hideIconTemplate),e.xp6(1),e.Q6J("ngIf",t.hideIconTemplate)}}function O(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"EyeIcon",10),e.NdJ("click",function(){e.CHM(t);const i=e.oxw(3);return e.KtG(i.onMaskToggle())}),e.qZA()}2&n&&e.uIk("data-pc-section","showIcon")}function z(n,a){}function D(n,a){1&n&&e.YNc(0,z,0,0,"ng-template")}function H(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"span",10),e.NdJ("click",function(){e.CHM(t);const i=e.oxw(3);return e.KtG(i.onMaskToggle())}),e.YNc(1,D,1,0,null,7),e.qZA()}if(2&n){const t=e.oxw(3);e.xp6(1),e.Q6J("ngTemplateOutlet",t.showIconTemplate)}}function A(n,a){if(1&n&&(e.ynx(0),e.YNc(1,O,1,1,"EyeIcon",9)(2,H,2,1,"span",9),e.BQk()),2&n){const t=e.oxw(2);e.xp6(1),e.Q6J("ngIf",!t.showIconTemplate),e.xp6(1),e.Q6J("ngIf",t.showIconTemplate)}}function Z(n,a){if(1&n&&(e.ynx(0),e.YNc(1,M,3,2,"ng-container",3)(2,A,3,2,"ng-container",3),e.BQk()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngIf",t.unmasked),e.xp6(1),e.Q6J("ngIf",!t.unmasked)}}function R(n,a){1&n&&e.GkF(0)}function B(n,a){1&n&&e.GkF(0)}function F(n,a){if(1&n&&(e.ynx(0),e.YNc(1,B,1,0,"ng-container",7),e.BQk()),2&n){const t=e.oxw(2);e.xp6(1),e.Q6J("ngTemplateOutlet",t.contentTemplate)}}const J=n=>({width:n});function Q(n,a){if(1&n&&(e.TgZ(0,"div",15),e._UZ(1,"div",0),e.ALo(2,"mapper"),e.qZA(),e.TgZ(3,"div",16),e._uU(4),e.qZA()),2&n){const t=e.oxw(2);e.uIk("data-pc-section","meter"),e.xp6(1),e.Q6J("ngClass",e.xi3(2,6,t.meter,t.strengthClass))("ngStyle",e.VKq(9,J,t.meter?t.meter.width:"")),e.uIk("data-pc-section","meterLabel"),e.xp6(2),e.uIk("data-pc-section","info"),e.xp6(1),e.Oqu(t.infoText)}}function N(n,a){1&n&&e.GkF(0)}const V=(n,a)=>({showTransitionParams:n,hideTransitionParams:a}),Y=n=>({value:"visible",params:n});function j(n,a){if(1&n){const t=e.EpF();e.TgZ(0,"div",11,12),e.NdJ("click",function(i){e.CHM(t);const r=e.oxw();return e.KtG(r.onOverlayClick(i))})("@overlayAnimation.start",function(i){e.CHM(t);const r=e.oxw();return e.KtG(r.onAnimationStart(i))})("@overlayAnimation.done",function(i){e.CHM(t);const r=e.oxw();return e.KtG(r.onAnimationEnd(i))}),e.YNc(2,R,1,0,"ng-container",7)(3,F,2,1,"ng-container",13)(4,Q,5,11,"ng-template",null,14,e.W1O)(6,N,1,0,"ng-container",7),e.qZA()}if(2&n){const t=e.MAs(5),s=e.oxw();e.Q6J("ngClass","p-password-panel p-component")("@overlayAnimation",e.VKq(10,Y,e.WLB(7,V,s.showTransitionOptions,s.hideTransitionOptions))),e.uIk("data-pc-section","panel"),e.xp6(2),e.Q6J("ngTemplateOutlet",s.headerTemplate),e.xp6(1),e.Q6J("ngIf",s.contentTemplate)("ngIfElse",t),e.xp6(3),e.Q6J("ngTemplateOutlet",s.footerTemplate)}}let G=(()=>{class n{transform(t,s,...i){return s(t,...i)}static \u0275fac=function(s){return new(s||n)};static \u0275pipe=e.Yjl({name:"mapper",type:n,pure:!0})}return n})();const K={provide:y.JU,useExisting:(0,e.Gpc)(()=>w),multi:!0};let w=(()=>{class n{document;platformId;renderer;cd;config;el;overlayService;ariaLabel;ariaLabelledBy;label;disabled;promptLabel;mediumRegex="^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})";strongRegex="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})";weakLabel;mediumLabel;maxLength;strongLabel;inputId;feedback=!0;appendTo;toggleMask;inputStyleClass;styleClass;style;inputStyle;showTransitionOptions=".12s cubic-bezier(0, 0, 0.2, 1)";hideTransitionOptions=".1s linear";autocomplete;placeholder;showClear=!1;onFocus=new e.vpe;onBlur=new e.vpe;onClear=new e.vpe;input;contentTemplate;footerTemplate;headerTemplate;clearIconTemplate;hideIconTemplate;showIconTemplate;templates;overlayVisible=!1;meter;infoText;focused=!1;unmasked=!1;mediumCheckRegExp;strongCheckRegExp;resizeListener;scrollHandler;overlay;value=null;onModelChange=()=>{};onModelTouched=()=>{};translationSubscription;constructor(t,s,i,r,l,q,W){this.document=t,this.platformId=s,this.renderer=i,this.cd=r,this.config=l,this.el=q,this.overlayService=W}ngAfterContentInit(){this.templates.forEach(t=>{switch(t.getType()){case"content":default:this.contentTemplate=t.template;break;case"header":this.headerTemplate=t.template;break;case"footer":this.footerTemplate=t.template;break;case"clearicon":this.clearIconTemplate=t.template;break;case"hideicon":this.hideIconTemplate=t.template;break;case"showicon":this.showIconTemplate=t.template}})}ngOnInit(){this.infoText=this.promptText(),this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex),this.translationSubscription=this.config.translationObserver.subscribe(()=>{this.updateUI(this.value||"")})}onAnimationStart(t){switch(t.toState){case"visible":this.overlay=t.element,u.P9.set("overlay",this.overlay,this.config.zIndex.overlay),this.appendContainer(),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener();break;case"void":this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null}}onAnimationEnd(t){"void"===t.toState&&u.P9.clear(t.element)}appendContainer(){this.appendTo&&("body"===this.appendTo?this.renderer.appendChild(this.document.body,this.overlay):this.document.getElementById(this.appendTo).appendChild(this.overlay))}alignOverlay(){this.appendTo?(this.overlay.style.minWidth=h.p.getOuterWidth(this.input.nativeElement)+"px",h.p.absolutePosition(this.overlay,this.input.nativeElement)):h.p.relativePosition(this.overlay,this.input.nativeElement)}onInput(t){this.value=t.target.value,this.onModelChange(this.value)}onInputFocus(t){this.focused=!0,this.feedback&&(this.overlayVisible=!0),this.onFocus.emit(t)}onInputBlur(t){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.onModelTouched(),this.onBlur.emit(t)}onKeyUp(t){if(this.feedback){if(this.updateUI(t.target.value),"Escape"===t.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}}updateUI(t){let s=null,i=null;switch(this.testStrength(t)){case 1:s=this.weakText(),i={strength:"weak",width:"33.33%"};break;case 2:s=this.mediumText(),i={strength:"medium",width:"66.66%"};break;case 3:s=this.strongText(),i={strength:"strong",width:"100%"};break;default:s=this.promptText(),i=null}this.meter=i,this.infoText=s}onMaskToggle(){this.unmasked=!this.unmasked}onOverlayClick(t){this.overlayService.add({originalEvent:t,target:this.el.nativeElement})}testStrength(t){let s=0;return this.strongCheckRegExp.test(t)?s=3:this.mediumCheckRegExp.test(t)?s=2:t.length&&(s=1),s}writeValue(t){this.value=void 0===t?null:t,this.feedback&&this.updateUI(this.value||""),this.cd.markForCheck()}registerOnChange(t){this.onModelChange=t}registerOnTouched(t){this.onModelTouched=t}setDisabledState(t){this.disabled=t,this.cd.markForCheck()}bindScrollListener(){(0,c.NF)(this.platformId)&&(this.scrollHandler||(this.scrollHandler=new h.V(this.input.nativeElement,()=>{this.overlayVisible&&(this.overlayVisible=!1)})),this.scrollHandler.bindScrollListener())}bindResizeListener(){(0,c.NF)(this.platformId)&&!this.resizeListener&&(this.resizeListener=this.renderer.listen(this.document.defaultView,"resize",()=>{this.overlayVisible&&!h.p.isTouchDevice()&&(this.overlayVisible=!1)}))}unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}unbindResizeListener(){this.resizeListener&&(this.resizeListener(),this.resizeListener=null)}containerClass(t){return{"p-password p-component p-inputwrapper":!0,"p-input-icon-right":t}}inputFieldClass(t){return{"p-password-input":!0,"p-disabled":t}}strengthClass(t){return`p-password-strength ${t?t.strength:""}`}filled(){return null!=this.value&&this.value.toString().length>0}promptText(){return this.promptLabel||this.getTranslation(d.ws.PASSWORD_PROMPT)}weakText(){return this.weakLabel||this.getTranslation(d.ws.WEAK)}mediumText(){return this.mediumLabel||this.getTranslation(d.ws.MEDIUM)}strongText(){return this.strongLabel||this.getTranslation(d.ws.STRONG)}restoreAppend(){this.overlay&&this.appendTo&&("body"===this.appendTo?this.renderer.removeChild(this.document.body,this.overlay):this.document.getElementById(this.appendTo).removeChild(this.overlay))}inputType(t){return t?"text":"password"}getTranslation(t){return this.config.getTranslation(t)}clear(){this.value=null,this.onModelChange(this.value),this.writeValue(this.value),this.onClear.emit()}ngOnDestroy(){this.overlay&&(u.P9.clear(this.overlay),this.overlay=null),this.restoreAppend(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.translationSubscription&&this.translationSubscription.unsubscribe()}static \u0275fac=function(s){return new(s||n)(e.Y36(c.K0),e.Y36(e.Lbi),e.Y36(e.Qsj),e.Y36(e.sBO),e.Y36(d.b4),e.Y36(e.SBq),e.Y36(d.F0))};static \u0275cmp=e.Xpm({type:n,selectors:[["p-password"]],contentQueries:function(s,i,r){if(1&s&&e.Suo(r,d.jx,4),2&s){let l;e.iGM(l=e.CRH())&&(i.templates=l)}},viewQuery:function(s,i){if(1&s&&e.Gf(b,5),2&s){let r;e.iGM(r=e.CRH())&&(i.input=r.first)}},hostAttrs:[1,"p-element","p-inputwrapper"],hostVars:8,hostBindings:function(s,i){2&s&&e.ekj("p-inputwrapper-filled",i.filled())("p-inputwrapper-focus",i.focused)("p-password-clearable",i.showClear)("p-password-mask",i.toggleMask)},inputs:{ariaLabel:"ariaLabel",ariaLabelledBy:"ariaLabelledBy",label:"label",disabled:"disabled",promptLabel:"promptLabel",mediumRegex:"mediumRegex",strongRegex:"strongRegex",weakLabel:"weakLabel",mediumLabel:"mediumLabel",maxLength:"maxLength",strongLabel:"strongLabel",inputId:"inputId",feedback:"feedback",appendTo:"appendTo",toggleMask:"toggleMask",inputStyleClass:"inputStyleClass",styleClass:"styleClass",style:"style",inputStyle:"inputStyle",showTransitionOptions:"showTransitionOptions",hideTransitionOptions:"hideTransitionOptions",autocomplete:"autocomplete",placeholder:"placeholder",showClear:"showClear"},outputs:{onFocus:"onFocus",onBlur:"onBlur",onClear:"onClear"},features:[e._Bn([K])],decls:9,vars:32,consts:[[3,"ngClass","ngStyle"],["pInputText","",3,"ngClass","ngStyle","value","input","focus","blur","keyup"],["input",""],[4,"ngIf"],[3,"ngClass","click",4,"ngIf"],[3,"styleClass","click",4,"ngIf"],[1,"p-password-clear-icon",3,"click"],[4,"ngTemplateOutlet"],[3,"styleClass","click"],[3,"click",4,"ngIf"],[3,"click"],[3,"ngClass","click"],["overlay",""],[4,"ngIf","ngIfElse"],["content",""],[1,"p-password-meter"],["className","p-password-info"]],template:function(s,i){1&s&&(e.TgZ(0,"div",0),e.ALo(1,"mapper"),e.TgZ(2,"input",1,2),e.NdJ("input",function(l){return i.onInput(l)})("focus",function(l){return i.onInputFocus(l)})("blur",function(l){return i.onInputBlur(l)})("keyup",function(l){return i.onKeyUp(l)}),e.ALo(4,"mapper"),e.ALo(5,"mapper"),e.qZA(),e.YNc(6,I,4,3,"ng-container",3)(7,Z,3,2,"ng-container",3)(8,j,7,12,"div",4),e.qZA()),2&s&&(e.Tol(i.styleClass),e.Q6J("ngClass",e.xi3(1,23,i.toggleMask,i.containerClass))("ngStyle",i.style),e.uIk("data-pc-name","password")("data-pc-section","root"),e.xp6(2),e.Tol(i.inputStyleClass),e.Q6J("ngClass",e.xi3(4,26,i.disabled,i.inputFieldClass))("ngStyle",i.inputStyle)("value",i.value),e.uIk("label",i.label)("aria-label",i.ariaLabel)("aria-labelledBy",i.ariaLabelledBy)("id",i.inputId)("type",e.xi3(5,29,i.unmasked,i.inputType))("placeholder",i.placeholder)("autocomplete",i.autocomplete)("maxlength",i.maxLength)("data-pc-section","input"),e.xp6(4),e.Q6J("ngIf",i.showClear&&null!=i.value),e.xp6(1),e.Q6J("ngIf",i.toggleMask),e.xp6(1),e.Q6J("ngIf",i.overlayVisible))},dependencies:()=>[c.mk,c.O5,c.tP,c.PC,v.o,f.q,g,_,G],styles:["@layer primeng{.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.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}\n"],encapsulation:2,data:{animation:[(0,p.X$)("overlayAnimation",[(0,p.eR)(":enter",[(0,p.oB)({opacity:0,transform:"scaleY(0.8)"}),(0,p.jt)("{{showTransitionParams}}")]),(0,p.eR)(":leave",[(0,p.jt)("{{hideTransitionParams}}",(0,p.oB)({opacity:0}))])])]},changeDetection:0})}return n})(),U=(()=>{class n{static \u0275fac=function(s){return new(s||n)};static \u0275mod=e.oAB({type:n});static \u0275inj=e.cJS({imports:[c.ez,v.j,f.q,g,_,d.m8]})}return n})()}}]); \ No newline at end of file diff --git a/tiles/426.aab08f475beaa17b.js b/tiles/426.aab08f475beaa17b.js deleted file mode 100644 index a4402ea..0000000 --- a/tiles/426.aab08f475beaa17b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[426],{2426:(U,l,e)=>{e.r(l),e.d(l,{RegisterModule:()=>T});var g=e(6814),a=e(95),s=e(9310),t=e(5849),f=e(3859),p=e(336),c=e(4480),m=e(3714),d=e(5124),h=e(1111),u=e(1423);const v=()=>({paddingLeft:"2.5rem"}),x=()=>["/"];let y=(()=>{class r{constructor(o){this.layoutService=o,this.confirmed=!1}get dark(){return"light"!==this.layoutService.config().colorScheme}static#t=this.\u0275fac=function(n){return new(n||r)(t.Y36(f.P))};static#e=this.\u0275cmp=t.Xpm({type:r,selectors:[["ng-component"]],decls:35,vars:13,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-4"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium"],[1,"flex","flex-column"],[1,"p-input-icon-left","w-full","mb-4"],[1,"pi","pi-user"],["id","username","type","text","pInputText","","placeholder","Username",1,"w-full","md:w-25rem"],[1,"pi","pi-envelope"],["id","email","type","text","pInputText","","placeholder","Email",1,"w-full","md:w-25rem"],[1,"pi","pi-lock","z-2"],["id","password","placeholder","Password","styleClass","w-full","inputStyleClass","w-full md:w-25rem",3,"inputStyle","toggleMask"],[1,"mb-4","flex","flex-wrap"],["name","checkbox","value","val","styleClass","mr-2",3,"ngModel","binary","ngModelChange"],["for","checkbox",1,"text-900","font-medium","mr-2"],[1,"text-600","cursor-pointer","hover:text-primary","cursor-pointer"],["pButton","","pRipple","","label","Sign Up",1,"w-full","mb-4",3,"routerLink"],[1,"font-medium","text-600"],[1,"font-semibold","cursor-pointer","text-900","hover:text-primary","transition-colors","transition-duration-300"],[3,"minimal"]],template:function(n,i){1&n&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),t.qZA(),t.kcU(),t.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),t._uU(10,"Register"),t.qZA(),t.TgZ(11,"span",10),t._uU(12,"Let's get started"),t.qZA()(),t.TgZ(13,"div",11)(14,"span",12),t._UZ(15,"i",13)(16,"input",14),t.qZA(),t.TgZ(17,"span",12),t._UZ(18,"i",15)(19,"input",16),t.qZA(),t.TgZ(20,"span",12),t._UZ(21,"i",17)(22,"p-password",18),t.qZA(),t.TgZ(23,"div",19)(24,"p-checkbox",20),t.NdJ("ngModelChange",function(M){return i.confirmed=M}),t.qZA(),t.TgZ(25,"label",21),t._uU(26,"I have read the"),t.qZA(),t.TgZ(27,"a",22),t._uU(28,"Terms and Conditions"),t.qZA()(),t._UZ(29,"button",23),t.TgZ(30,"span",24),t._uU(31,"Already have an account? "),t.TgZ(32,"a",25),t._uU(33,"Login"),t.qZA()()()()(),t._UZ(34,"app-config",26)),2&n&&(t.xp6(1),t.uIk("fill",i.dark?"var(--primary-900)":"var(--primary-500)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-800)":"var(--primary-400)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-700)":"var(--primary-300)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-600)":"var(--primary-200)"),t.xp6(1),t.uIk("fill",i.dark?"var(--primary-500)":"var(--primary-100)"),t.xp6(17),t.Q6J("inputStyle",t.DdM(11,v))("toggleMask",!0),t.xp6(2),t.Q6J("ngModel",i.confirmed)("binary",!0),t.xp6(5),t.Q6J("routerLink",t.DdM(12,x)),t.xp6(5),t.Q6J("minimal",!0))},dependencies:[s.rH,a.JJ,a.On,p.Hq,c.H,m.o,d.XZ,h.P,u.ro],encapsulation:2})}return r})(),Z=(()=>{class r{static#t=this.\u0275fac=function(n){return new(n||r)};static#e=this.\u0275mod=t.oAB({type:r});static#r=this.\u0275inj=t.cJS({imports:[s.Bz.forChild([{path:"",component:y}]),s.Bz]})}return r})();var C=e(1567);let T=(()=>{class r{static#t=this.\u0275fac=function(n){return new(n||r)};static#e=this.\u0275mod=t.oAB({type:r});static#r=this.\u0275inj=t.cJS({imports:[g.ez,Z,a.u5,p.hJ,c.T,m.j,d.nD,C.h,u.gz]})}return r})()}}]); \ No newline at end of file diff --git a/tiles/43.1a7c9b1a00d01b1c.js b/tiles/43.1a7c9b1a00d01b1c.js deleted file mode 100644 index 280992d..0000000 --- a/tiles/43.1a7c9b1a00d01b1c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[43],{2043:(C,h,t)=>{t.r(h),t.d(h,{AuthModule:()=>f});var i=t(6814),s=t(9310),l=t(5849);let m=(()=>{class n{static#t=this.\u0275fac=function(d){return new(d||n)};static#o=this.\u0275mod=l.oAB({type:n});static#n=this.\u0275inj=l.cJS({imports:[s.Bz.forChild([{path:"error",loadChildren:()=>t.e(938).then(t.bind(t,5938)).then(o=>o.ErrorModule)},{path:"access",loadChildren:()=>t.e(514).then(t.bind(t,2514)).then(o=>o.AccessdeniedModule)},{path:"login",loadChildren:()=>Promise.all([t.e(111),t.e(592),t.e(105)]).then(t.bind(t,2105)).then(o=>o.LoginModule)},{path:"forgotpassword",loadChildren:()=>Promise.all([t.e(111),t.e(476)]).then(t.bind(t,6476)).then(o=>o.ForgotPasswordModule)},{path:"register",loadChildren:()=>Promise.all([t.e(111),t.e(423),t.e(592),t.e(426)]).then(t.bind(t,2426)).then(o=>o.RegisterModule)},{path:"newpassword",loadChildren:()=>Promise.all([t.e(111),t.e(423),t.e(632)]).then(t.bind(t,4632)).then(o=>o.NewPasswordModule)},{path:"verification",loadChildren:()=>Promise.all([t.e(111),t.e(798)]).then(t.bind(t,8798)).then(o=>o.VerificationModule)},{path:"lockscreen",loadChildren:()=>Promise.all([t.e(111),t.e(446)]).then(t.bind(t,6446)).then(o=>o.LockScreenModule)},{path:"**",redirectTo:"/notfound"}]),s.Bz]})}return n})(),f=(()=>{class n{static#t=this.\u0275fac=function(d){return new(d||n)};static#o=this.\u0275mod=l.oAB({type:n});static#n=this.\u0275inj=l.cJS({imports:[i.ez,m]})}return n})()}}]); \ No newline at end of file diff --git a/tiles/446.d62f6889f8d0ffb1.js b/tiles/446.d62f6889f8d0ffb1.js deleted file mode 100644 index 996829f..0000000 --- a/tiles/446.d62f6889f8d0ffb1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[446],{6446:(k,c,r)=>{r.r(c),r.d(c,{LockScreenModule:()=>x});var m=r(6814),u=r(95),a=r(9310),t=r(5849),d=r(3859),s=r(3714),p=r(336),l=r(4480),f=r(1111);const v=()=>["/"];let h=(()=>{class e{constructor(i){this.layoutService=i}get dark(){return"light"!==this.layoutService.config().colorScheme}static#t=this.\u0275fac=function(n){return new(n||e)(t.Y36(d.P))};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["ng-component"]],decls:22,vars:8,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-6","flex","flex-column","align-items-center"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium","mb-5"],["src","assets/layout/images/avatar.png","alt","Avatar",1,"w-3rem","h-3rem","mb-2"],[1,"font-medium","text-900","font-medium"],[1,"flex","flex-column"],[1,"p-input-icon-left","w-full","mb-4"],[1,"pi","pi-lock"],["id","password","type","password","pInputText","","placeholder","Password",1,"w-full","md:w-25rem"],["pButton","","pRipple","","icon","pi pi-lock-open","label","Unlock",1,"w-full",3,"routerLink"],[3,"minimal"]],template:function(n,o){1&n&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),t.qZA(),t.kcU(),t.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),t._uU(10,"Screen Locked"),t.qZA(),t.TgZ(11,"span",10),t._uU(12,"Please enter your password"),t.qZA(),t._UZ(13,"img",11),t.TgZ(14,"span",12),t._uU(15,"Isabella Andolini"),t.qZA()(),t.TgZ(16,"div",13)(17,"span",14),t._UZ(18,"i",15)(19,"input",16),t.qZA(),t._UZ(20,"button",17),t.qZA()()(),t._UZ(21,"app-config",18)),2&n&&(t.xp6(1),t.uIk("fill",o.dark?"var(--primary-900)":"var(--primary-500)"),t.xp6(1),t.uIk("fill",o.dark?"var(--primary-800)":"var(--primary-400)"),t.xp6(1),t.uIk("fill",o.dark?"var(--primary-700)":"var(--primary-300)"),t.xp6(1),t.uIk("fill",o.dark?"var(--primary-600)":"var(--primary-200)"),t.xp6(1),t.uIk("fill",o.dark?"var(--primary-500)":"var(--primary-100)"),t.xp6(15),t.Q6J("routerLink",t.DdM(7,v)),t.xp6(1),t.Q6J("minimal",!0))},dependencies:[a.rH,s.o,p.Hq,l.H,f.P],encapsulation:2})}return e})(),g=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[a.Bz.forChild([{path:"",component:h}]),a.Bz]})}return e})();var y=r(1567);let x=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[m.ez,u.u5,g,s.j,p.hJ,l.T,y.h]})}return e})()}}]); \ No newline at end of file diff --git a/tiles/476.f2693289d607efb3.js b/tiles/476.f2693289d607efb3.js deleted file mode 100644 index f578a92..0000000 --- a/tiles/476.f2693289d607efb3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[476],{6476:(y,p,o)=>{o.r(p),o.d(p,{ForgotPasswordModule:()=>g});var u=o(6814),a=o(9310),t=o(5849),d=o(3859),s=o(336),l=o(3714),m=o(1111);const c=()=>["/"];let f=(()=>{class r{constructor(i){this.layoutService=i}get dark(){return"light"!==this.layoutService.config().colorScheme}static#t=this.\u0275fac=function(e){return new(e||r)(t.Y36(d.P))};static#r=this.\u0275cmp=t.Xpm({type:r,selectors:[["ng-component"]],decls:21,vars:10,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-4"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium"],[1,"flex","flex-column"],[1,"p-input-icon-left","w-full","mb-4"],[1,"pi","pi-envelope"],["id","email","type","text","pInputText","","placeholder","Email",1,"w-full","md:w-25rem"],[1,"flex","flex-wrap","gap-2","justify-content-between"],["pButton","","pRipple","","label","Cancel",1,"flex-auto","p-button-outlined",3,"routerLink"],["pButton","","pRipple","","label","Submit",1,"flex-auto",3,"routerLink"],[3,"minimal"]],template:function(e,n){1&e&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),t.qZA(),t.kcU(),t.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),t._uU(10,"Forgot Password"),t.qZA(),t.TgZ(11,"span",10),t._uU(12,"Enter your email to reset your password"),t.qZA()(),t.TgZ(13,"div",11)(14,"span",12),t._UZ(15,"i",13)(16,"input",14),t.qZA(),t.TgZ(17,"div",15),t._UZ(18,"button",16)(19,"button",17),t.qZA()()()(),t._UZ(20,"app-config",18)),2&e&&(t.xp6(1),t.uIk("fill",n.dark?"var(--primary-900)":"var(--primary-500)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-800)":"var(--primary-400)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-700)":"var(--primary-300)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-600)":"var(--primary-200)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-500)":"var(--primary-100)"),t.xp6(13),t.Q6J("routerLink",t.DdM(8,c)),t.xp6(1),t.Q6J("routerLink",t.DdM(9,c)),t.xp6(1),t.Q6J("minimal",!0))},dependencies:[s.Hq,l.o,a.rH,m.P],encapsulation:2})}return r})(),v=(()=>{class r{static#t=this.\u0275fac=function(e){return new(e||r)};static#r=this.\u0275mod=t.oAB({type:r});static#o=this.\u0275inj=t.cJS({imports:[a.Bz.forChild([{path:"",component:f}]),a.Bz]})}return r})();var h=o(1567);let g=(()=>{class r{static#t=this.\u0275fac=function(e){return new(e||r)};static#r=this.\u0275mod=t.oAB({type:r});static#o=this.\u0275inj=t.cJS({imports:[u.ez,s.hJ,l.j,v,h.h]})}return r})()}}]); \ No newline at end of file diff --git a/tiles/514.04d70d7e0d607baf.js b/tiles/514.04d70d7e0d607baf.js deleted file mode 100644 index 8f7d8a0..0000000 --- a/tiles/514.04d70d7e0d607baf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[514],{2514:(p,c,s)=>{s.r(c),s.d(c,{AccessdeniedModule:()=>u});var l=s(6814),i=s(9310),t=s(5849),r=s(336);const a=()=>["/"];let d=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["ng-component"]],decls:11,vars:2,consts:[["viewBox","0 0 960 540","xmlns","http://www.w3.org/2000/svg",0,"xmlns","xlink","http://www.w3.org/1999/xlink","version","1.1","preserveAspectRatio","none",1,"min-h-screen","min-w-screen","fixed","left-0",2,"bottom","-10rem"],["x","0","y","0","width","960","height","540","fill","var(--surface-ground)"],["d","M0 331L26.7 321C53.3 311 106.7 291 160 291C213.3 291 266.7 311 320 329.5C373.3 348 426.7 365 480 373.2C533.3 381.3 586.7 380.7 640 373.8C693.3 367 746.7 354 800 341.2C853.3 328.3 906.7 315.7 933.3 309.3L960 303L960 541L933.3 541C906.7 541 853.3 541 800 541C746.7 541 693.3 541 640 541C586.7 541 533.3 541 480 541C426.7 541 373.3 541 320 541C266.7 541 213.3 541 160 541C106.7 541 53.3 541 26.7 541L0 541Z","fill","var(--purple-500)","stroke-linecap","round","stroke-linejoin","miter"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center","-mt-8","sm:mt-0"],[1,"z-1","text-center"],[1,"text-900","font-bold","text-8xl","mb-4"],[1,"line-height-3","mt-0","mb-5","text-700","text-xl","font-medium"],["styleClass","p-button-help font-medium p-button-raised",3,"routerLink"]],template:function(n,h){1&n&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2),t.qZA(),t.kcU(),t.TgZ(3,"div",3)(4,"div",4)(5,"div",5),t._uU(6,"Access Denied"),t.qZA(),t.TgZ(7,"p",6),t._uU(8,"You don't have the permissions to access this page"),t.qZA(),t.TgZ(9,"p-button",7),t._uU(10,"Go to Dashboard"),t.qZA()()()),2&n&&(t.xp6(9),t.Q6J("routerLink",t.DdM(1,a)))},dependencies:[i.rH,r.zx],encapsulation:2})}return e})(),m=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[i.Bz.forChild([{path:"",component:d}]),i.Bz]})}return e})(),u=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[l.ez,m,r.hJ]})}return e})()}}]); \ No newline at end of file diff --git a/tiles/54.d8be6e9e9a3e8f93.js b/tiles/54.d8be6e9e9a3e8f93.js deleted file mode 100644 index 70faaea..0000000 --- a/tiles/54.d8be6e9e9a3e8f93.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[54],{8054:(T,d,l)=>{l.r(d),l.d(d,{LandingModule:()=>b});var c=l(6814),o=l(9310),e=l(5849),p=l(3859),m=l(336),a=l(2076);let h=(()=>{class i{el;renderer;zone;constructor(t,s,n){this.el=t,this.renderer=s,this.zone=n}selector;set enterClass(t){this._enterClass=t,console.warn("enterClass is deprecated, use enterFromClass instead")}get enterClass(){return this._enterClass}enterFromClass;enterActiveClass;enterToClass;set leaveClass(t){this._leaveClass=t,console.warn("leaveClass is deprecated, use leaveFromClass instead")}get leaveClass(){return this._leaveClass}leaveFromClass;leaveActiveClass;leaveToClass;hideOnOutsideClick;toggleClass;hideOnEscape;eventListener;documentClickListener;documentKeydownListener;target;enterListener;leaveListener;animating;_enterClass;_leaveClass;clickListener(){this.target=this.resolveTarget(),this.toggleClass?this.toggle():null===this.target.offsetParent?this.enter():this.leave()}toggle(){a.p.hasClass(this.target,this.toggleClass)?a.p.removeClass(this.target,this.toggleClass):a.p.addClass(this.target,this.toggleClass)}enter(){this.enterActiveClass?this.animating||(this.animating=!0,"slidedown"===this.enterActiveClass&&(this.target.style.height="0px",a.p.removeClass(this.target,"hidden"),this.target.style.maxHeight=this.target.scrollHeight+"px",a.p.addClass(this.target,"hidden"),this.target.style.height=""),a.p.addClass(this.target,this.enterActiveClass),(this.enterClass||this.enterFromClass)&&a.p.removeClass(this.target,this.enterClass||this.enterFromClass),this.enterListener=this.renderer.listen(this.target,"animationend",()=>{a.p.removeClass(this.target,this.enterActiveClass),this.enterToClass&&a.p.addClass(this.target,this.enterToClass),this.enterListener&&this.enterListener(),"slidedown"===this.enterActiveClass&&(this.target.style.maxHeight=""),this.animating=!1})):((this.enterClass||this.enterFromClass)&&a.p.removeClass(this.target,this.enterClass||this.enterFromClass),this.enterToClass&&a.p.addClass(this.target,this.enterToClass)),this.hideOnOutsideClick&&this.bindDocumentClickListener(),this.hideOnEscape&&this.bindDocumentKeydownListener()}leave(){this.leaveActiveClass?this.animating||(this.animating=!0,a.p.addClass(this.target,this.leaveActiveClass),(this.leaveClass||this.leaveFromClass)&&a.p.removeClass(this.target,this.leaveClass||this.leaveFromClass),this.leaveListener=this.renderer.listen(this.target,"animationend",()=>{a.p.removeClass(this.target,this.leaveActiveClass),this.leaveToClass&&a.p.addClass(this.target,this.leaveToClass),this.leaveListener&&this.leaveListener(),this.animating=!1})):((this.leaveClass||this.leaveFromClass)&&a.p.removeClass(this.target,this.leaveClass||this.leaveFromClass),this.leaveToClass&&a.p.addClass(this.target,this.leaveToClass)),this.hideOnOutsideClick&&this.unbindDocumentClickListener(),this.hideOnEscape&&this.unbindDocumentKeydownListener()}resolveTarget(){if(this.target)return this.target;switch(this.selector){case"@next":return this.el.nativeElement.nextElementSibling;case"@prev":return this.el.nativeElement.previousElementSibling;case"@parent":return this.el.nativeElement.parentElement;case"@grandparent":return this.el.nativeElement.parentElement.parentElement;default:return document.querySelector(this.selector)}}bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=this.renderer.listen(this.el.nativeElement.ownerDocument,"click",t=>{this.isVisible()&&"static"!==getComputedStyle(this.target).getPropertyValue("position")?this.isOutsideClick(t)&&this.leave():this.unbindDocumentClickListener()}))}bindDocumentKeydownListener(){this.documentKeydownListener||this.zone.runOutsideAngular(()=>{this.documentKeydownListener=this.renderer.listen(this.el.nativeElement.ownerDocument,"keydown",t=>{const{key:s,keyCode:n,which:r}=t;(!this.isVisible()||"static"===getComputedStyle(this.target).getPropertyValue("position"))&&this.unbindDocumentKeydownListener(),this.isVisible()&&"Escape"===s&&27===n&&27===r&&this.leave()})})}isVisible(){return null!==this.target.offsetParent}isOutsideClick(t){return!this.el.nativeElement.isSameNode(t.target)&&!this.el.nativeElement.contains(t.target)&&!this.target.contains(t.target)}unbindDocumentClickListener(){this.documentClickListener&&(this.documentClickListener(),this.documentClickListener=null)}unbindDocumentKeydownListener(){this.documentKeydownListener&&(this.documentKeydownListener(),this.documentKeydownListener=null)}ngOnDestroy(){this.target=null,this.eventListener&&this.eventListener(),this.unbindDocumentClickListener(),this.unbindDocumentKeydownListener()}static \u0275fac=function(s){return new(s||i)(e.Y36(e.SBq),e.Y36(e.Qsj),e.Y36(e.R0b))};static \u0275dir=e.lG2({type:i,selectors:[["","pStyleClass",""]],hostAttrs:[1,"p-element"],hostBindings:function(s,n){1&s&&e.NdJ("click",function(g){return n.clickListener(g)})},inputs:{selector:["pStyleClass","selector"],enterClass:"enterClass",enterFromClass:"enterFromClass",enterActiveClass:"enterActiveClass",enterToClass:"enterToClass",leaveClass:"leaveClass",leaveFromClass:"leaveFromClass",leaveActiveClass:"leaveActiveClass",leaveToClass:"leaveToClass",hideOnOutsideClick:"hideOnOutsideClick",toggleClass:"toggleClass",hideOnEscape:"hideOnEscape"}})}return i})(),u=(()=>{class i{static \u0275fac=function(s){return new(s||i)};static \u0275mod=e.oAB({type:i});static \u0275inj=e.cJS({imports:[c.ez]})}return i})();var v=l(1111);let Z=(()=>{class i{constructor(t,s){this.el=t,this.renderer=s,this.documentScrollListener=null,this.loadListener=()=>{},this.entered=!1,this.visibilityHidden=!0}ngOnInit(){this.isImage()&&(this.loadListener=this.renderer.listen(this.el.nativeElement,"load",()=>{this.bind()}))}ngAfterViewInit(){this.isImage()||this.bind()}bind(){this.isInViewPort()&&this.enter(),this.entered||(this.documentScrollListener=this.renderer.listen("window","scroll",()=>{this.isInViewPort()&&this.documentScrollListener&&(this.enter(),this.documentScrollListener(),this.documentScrollListener=null)}))}shouldEnter(){return!this.entered&&this.isInViewPort()}isInViewPort(){let t=this.el.nativeElement.parentElement.parentElement.parentElement.getBoundingClientRect(),n=document.documentElement.clientHeight;return!(t.top>0)||t.top>=0&&n>=t.top}enter(){this.el.nativeElement.classList.add("hidden",this.animation),this.el.nativeElement.classList.remove("visibility-hidden","hidden"),this.entered=!0}isImage(){return"IMG"===this.el.nativeElement.tagName}ngOnDestroy(){this.documentScrollListener&&this.documentScrollListener(),this.loadListener&&this.loadListener()}static#e=this.\u0275fac=function(s){return new(s||i)(e.Y36(e.SBq),e.Y36(e.Qsj))};static#t=this.\u0275dir=e.lG2({type:i,selectors:[["","animateEnter",""]],hostVars:2,hostBindings:function(s,n){2&s&&e.ekj("visibility-hidden",n.visibilityHidden)},inputs:{animation:["animateEnter","animation"]}})}return i})(),C=(()=>{class i{constructor(t,s){this.router=t,this.layoutService=s,this.darkMode=!1,this.subscription=this.layoutService.configUpdate$.subscribe(n=>{this.darkMode="dark"===n.colorScheme||"dim"===n.colorScheme})}ngOnDestroy(){this.subscription.unsubscribe()}static#e=this.\u0275fac=function(s){return new(s||i)(e.Y36(o.F0),e.Y36(p.P))};static#t=this.\u0275cmp=e.Xpm({type:i,selectors:[["ng-component"]],decls:257,vars:6,consts:[[1,"relative","overflow-hidden","flex","flex-column","justify-content-center"],[1,"bg-circle","opacity-50",2,"top","-200px","left","-700px"],[1,"bg-circle","hidden","lg:flex",2,"top","50px","right","-800px","transform","rotate(60deg)"],[1,"landing-wrapper"],[1,"flex","align-items-center","justify-content-between","relative","lg:static","py-6","px-4","mx-0","md:px-7","lg:px-8","lg:py-6","lg:mx-8"],[1,"cursor-pointer",3,"click"],["width","124","height","22","viewBox","0 0 124 22","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.4851 0L0 20.9465H3.53702L10.4856 6.07843L17.2944 20.9465H20.9715L10.4851 0Z","fill","var(--primary-color)"],["d","M13.84 15.7927L16.2077 21.0016H11.7682L13.84 15.7927Z","fill","var(--primary-color)"],["d","M9.04645 21.0016L6.67875 15.7927L4.60701 21.0016H9.04645Z","fill","var(--primary-color)"],["d","M40.9033 14.5217H34.771L33.1753 18.0007H30.8467L37.9346 2.77661L44.772 18.0007H42.4062L40.9033 14.5217ZM40.022 12.49L37.8975 7.61938L35.6709 12.49H40.022Z","fill","var(--primary-color)"],["d","M52.4927 12.1838V18.0007H50.3311V3.67651H52.7803C53.9802 3.67651 54.8862 3.76001 55.4985 3.927C56.117 4.09399 56.6613 4.40942 57.1314 4.87329C57.954 5.67733 58.3652 6.69165 58.3652 7.91626C58.3652 9.22746 57.9261 10.2665 57.0479 11.0334C56.1696 11.8004 54.9852 12.1838 53.4946 12.1838H52.4927ZM52.4927 10.1799H53.2998C55.2852 10.1799 56.2778 9.4161 56.2778 7.88843C56.2778 6.41024 55.2542 5.67114 53.207 5.67114H52.4927V10.1799Z","fill","var(--primary-color)"],["d","M63.6367 10.7737C63.6367 8.75741 64.3758 7.02563 65.854 5.57837C67.326 4.1311 69.0949 3.40747 71.1607 3.40747C73.2017 3.40747 74.952 4.13729 76.4116 5.59692C77.8775 7.05656 78.6104 8.80998 78.6104 10.8572C78.6104 12.9167 77.8744 14.664 76.4024 16.0989C74.9242 17.54 73.1398 18.2605 71.0493 18.2605C69.2001 18.2605 67.5394 17.6204 66.0674 16.3401C64.447 14.9237 63.6367 13.0683 63.6367 10.7737ZM65.8169 10.8015C65.8169 12.3848 66.3488 13.6868 67.4126 14.7073C68.4702 15.7278 69.6918 16.238 71.0772 16.238C72.5801 16.238 73.848 15.7185 74.8809 14.6794C75.9138 13.628 76.4302 12.3477 76.4302 10.8386C76.4302 9.31095 75.9199 8.03068 74.8994 6.9978C73.8851 5.95874 72.6296 5.43921 71.1328 5.43921C69.6423 5.43921 68.3836 5.95874 67.357 6.9978C66.3303 8.0245 65.8169 9.2924 65.8169 10.8015Z","fill","var(--primary-color)"],["d","M87.2495 3.67651V15.969H91.4615V18.0007H85.0879V3.67651H87.2495Z","fill","var(--primary-color)"],["d","M99.4327 3.67651V15.969H103.645V18.0007H97.271V3.67651H99.4327Z","fill","var(--primary-color)"],["d","M108.146 10.7737C108.146 8.75741 108.885 7.02563 110.363 5.57837C111.835 4.1311 113.604 3.40747 115.67 3.40747C117.711 3.40747 119.461 4.13729 120.921 5.59692C122.387 7.05656 123.12 8.80998 123.12 10.8572C123.12 12.9167 122.384 14.664 120.912 16.0989C119.433 17.54 117.649 18.2605 115.559 18.2605C113.709 18.2605 112.049 17.6204 110.577 16.3401C108.956 14.9237 108.146 13.0683 108.146 10.7737ZM110.326 10.8015C110.326 12.3848 110.858 13.6868 111.922 14.7073C112.98 15.7278 114.201 16.238 115.586 16.238C117.089 16.238 118.357 15.7185 119.39 14.6794C120.423 13.628 120.94 12.3477 120.94 10.8386C120.94 9.31095 120.429 8.03068 119.409 6.9978C118.394 5.95874 117.139 5.43921 115.642 5.43921C114.152 5.43921 112.893 5.95874 111.866 6.9978C110.84 8.0245 110.326 9.2924 110.326 10.8015Z","fill","var(--primary-color)"],["pRipple","","pStyleClass","@next","enterFromClass","ng-hidden","enterActiveClass","px-fadein","leaveToClass","ng-hidden","leaveActiveClass","px-fadeout",1,"cursor-pointer","block","md:hidden","text-700","text-primary",3,"hideOnOutsideClick"],[1,"pi","pi-bars","text-4xl"],[1,"list-none","p-3","md:p-0","justify-content-end","ng-hidden","md:flex","absolute","md:static","w-full","md:w-6","md:px-0","z-3","shadow-2","md:shadow-none","surface-card","md:surface-ground",2,"top","80px","right","0%"],["menu",""],["pRipple","","pRipple","","pStyleClass","@parent","enterFromClass","ng-hidden","enterActiveClass","px-fadein","leaveToClass","ng-hidden","leaveActiveClass","px-fadeout",1,"cursor-pointer","block","md:hidden","text-700","text-primary","absolute","z-5",2,"top","1.5rem","right","1.5rem"],[1,"pi","pi-times","text-3xl"],[1,"md:mt-0"],["pRipple","","pStyleClass","@grandparent","enterFromClass","ng-hidden","enterActiveClass","px-fadein","leaveToClass","ng-hidden",1,"flex","m-0","md:ml-5","px-0","py-3","text-900","font-medium","line-height-3","cursor-pointer",3,"click"],[1,"flex","align-items-center"],["pButton","","pRipple","","type","button","pStyleClass","@grandparent","enterFromClass","ng-hidden","enterActiveClass","px-fadein","leaveToClass","ng-hidden","label","Buy Now",1,"m-0","mt-3","md:mt-0","md:ml-5","white-space-nowrap"],[1,"py-4","px-4","mx-0","md:mx-6","lg:mx-8","lg:px-8","z-2"],["id","home",1,"grid","grid-nogutter","justify-content-between","align-items-center","mb-6","py-6","md:mb-8","md:py-8"],[1,"col-12","md:col-4","flex","flex-column","gap-4","flex-order-1","md:flex-order-0","align-items-center","md:align-items-start","text-center","md:text-left"],[1,"block","text-900","font-bold","text-4xl"],[1,"block","text-700","text-lg"],[1,"flex","flex-wrap","gap-5","list-none","p-0"],[1,"p-1","border-circle","bg-green-400","inline-block","mr-2"],[1,"text-900","font-semibold"],["pButton","","pRipple","","type","button","label","Live Preview","icon","pi pi-arrow-right","iconPos","right",1,"w-12rem","p-button-outlined"],[1,"col-12","md:col-7","flex-order-0","md:flex-order-1","mb-6","md:mb-0","border-round"],["animateEnter","moveinright","alt","",1,"w-full","h-full","border-round","shadow-2","animation-duration-1000","animation-ease-out",3,"src"],["id","apps",1,"my-6","md:my-8"],[1,"text-900","block","font-bold","text-5xl","mb-4","text-center"],[1,"text-700","block","text-xl","mb-8","text-center","line-height-3"],[1,"flex","flex-column","lg:flex-row","align-items-center","justify-content-between","mt-8","gap-8"],[1,"flex","flex-column","align-items-center"],["animateEnter","scalein","alt","chat",1,"w-full","h-full","border-round","surface-border","shadow-2","animation-duration-500","origin-top",3,"src"],[1,"block","text-900","text-lg","font-semibold","mt-4"],["id","pricing",1,"my-6","py-6","md:my-8","md:py-8"],[1,"text-900","font-bold","text-5xl","mb-4","text-center"],[1,"text-700","text-xl","mb-8","text-center","line-height-3"],[1,"grid","grid-nogutter","justify-content-center","mt-8"],[1,"col-12","lg:col-6","xl:col-4"],[1,"p-3","h-full"],[1,"shadow-2","p-6","h-full","flex","flex-column","surface-card",2,"border-radius","6px"],[1,"text-900","block","font-medium","text-xl","mb-2","text-center"],[1,"font-bold","block","text-2xl","text-900","text-center"],[1,"list-none","p-0","m-0","flex-grow-1","mt-6"],[1,"flex","align-items-center","mb-3"],[1,"pi","pi-check","text-green-500","mr-2"],[1,"pi","pi-times","text-red-500","mr-2"],["pButton","","pRipple","","label","Choose Plan","icon","pi pi-arrow-right","iconPos","right",1,"px-5","w-full","mt-6","p-button-outlined"],["id","features",1,"my-6","py-6","md:my-8","md:py-8"],[1,"grid","mt-8"],[1,"col-12","md:col-6","xl:col-3","flex","justify-content-center","p-3"],[1,"box","p-4","w-full","surface-card","surface-border","border-1","border-round"],["src","assets/demo/images/landing/icon-components.svg","alt","components icon",1,"block","mb-3"],[1,"text-900","block","font-semibold","mb-3","text-lg"],[1,"m-0","text-secondary","text-700"],["src","assets/demo/images/landing/icon-community.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-productivity.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-accessibility.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-support.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-mobile.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-theme.svg","alt","components icon",1,"block","mb-3"],["src","assets/demo/images/landing/icon-ts.svg","alt","components icon",1,"block","mb-3"],[1,"grid","justify-content-between","my-6","pt-4","md:my-8"],[1,"col-12","md:col-2","text-center","md:text-left"],["href","#",1,"cursor-pointer"],[1,"col-12","md:col-10","lg:col-7"],[1,"grid","text-center","md:text-left"],[1,"col-12","md:col-3"],[1,"font-medium","text-xl","line-height-3","mb-3","text-900"],[1,"line-height-3","block","cursor-pointer","mb-2","text-700"],[1,"line-height-3","block","cursor-pointer","text-700"],[1,"col-12","md:col-3","mt-4","md:mt-0"],[3,"minimal"]],template:function(s,n){1&s&&(e.TgZ(0,"div",0),e._UZ(1,"div",1)(2,"div",2),e.TgZ(3,"div",3)(4,"div",4)(5,"a",5),e.NdJ("click",function(){return n.router.navigate(["/landing"])}),e.O4$(),e.TgZ(6,"svg",6),e._UZ(7,"path",7)(8,"path",8)(9,"path",9)(10,"path",10)(11,"path",11)(12,"path",12)(13,"path",13)(14,"path",14)(15,"path",15),e.qZA()(),e.kcU(),e.TgZ(16,"a",16),e._UZ(17,"i",17),e.qZA(),e.TgZ(18,"ul",18,19)(20,"a",20),e._UZ(21,"i",21),e.qZA(),e.TgZ(22,"li",22)(23,"a",23),e.NdJ("click",function(){return n.router.navigate(["/landing"],{fragment:"home"})}),e.TgZ(24,"span"),e._uU(25,"Home"),e.qZA()()(),e.TgZ(26,"li")(27,"a",23),e.NdJ("click",function(){return n.router.navigate(["/landing"],{fragment:"apps"})}),e.TgZ(28,"span"),e._uU(29,"Apps"),e.qZA()()(),e.TgZ(30,"li")(31,"a",23),e.NdJ("click",function(){return n.router.navigate(["/landing"],{fragment:"pricing"})}),e.TgZ(32,"span"),e._uU(33,"Pricing"),e.qZA()()(),e.TgZ(34,"li")(35,"a",23),e.NdJ("click",function(){return n.router.navigate(["/landing"],{fragment:"features"})}),e.TgZ(36,"span"),e._uU(37,"Features"),e.qZA()()(),e.TgZ(38,"li",24),e._UZ(39,"button",25),e.qZA()()(),e.TgZ(40,"div",26)(41,"div",27)(42,"div",28)(43,"span",29),e._uU(44,"Modern, stylish and clean"),e.qZA(),e.TgZ(45,"span",30),e._uU(46,"The ultimate collection of design-agnostic, flexible and accessible UI Components."),e.qZA(),e.TgZ(47,"ul",31)(48,"li",24),e._UZ(49,"div",32),e.TgZ(50,"span",33),e._uU(51,"Javascript"),e.qZA()(),e.TgZ(52,"li",24),e._UZ(53,"div",32),e.TgZ(54,"span",33),e._uU(55,"TypeScript"),e.qZA()(),e.TgZ(56,"li",24),e._UZ(57,"div",32),e.TgZ(58,"span",33),e._uU(59,"Angular"),e.qZA()()(),e._UZ(60,"button",34),e.qZA(),e.TgZ(61,"div",35),e._UZ(62,"img",36),e.qZA()(),e.TgZ(63,"div",37)(64,"span",38),e._uU(65,"Apps"),e.qZA(),e.TgZ(66,"span",39),e._uU(67,"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos."),e.qZA(),e.TgZ(68,"div",40)(69,"div",41),e._UZ(70,"img",42),e.TgZ(71,"span",43),e._uU(72,"Chat"),e.qZA()(),e.TgZ(73,"div",41),e._UZ(74,"img",42),e.TgZ(75,"span",43),e._uU(76,"Mail"),e.qZA()(),e.TgZ(77,"div",41),e._UZ(78,"img",42),e.TgZ(79,"span",43),e._uU(80,"Kanban"),e.qZA()()()(),e.TgZ(81,"div",44)(82,"div",45),e._uU(83,"Pricing Plans"),e.qZA(),e.TgZ(84,"div",46),e._uU(85,"Choose a plan that works best for you and your team."),e.qZA(),e.TgZ(86,"div",47)(87,"div",48)(88,"div",49)(89,"div",50)(90,"span",51),e._uU(91,"Basic Licence"),e.qZA(),e.TgZ(92,"span",52),e._uU(93,"$29"),e.qZA(),e.TgZ(94,"ul",53)(95,"li",54),e._UZ(96,"i",55),e.TgZ(97,"span"),e._uU(98,"Up to 10 Active Users"),e.qZA()(),e.TgZ(99,"li",54),e._UZ(100,"i",55),e.TgZ(101,"span"),e._uU(102,"Up to 30 Project Integrations"),e.qZA()(),e.TgZ(103,"li",54),e._UZ(104,"i",55),e.TgZ(105,"span"),e._uU(106,"Analytics Module"),e.qZA()(),e.TgZ(107,"li",54),e._UZ(108,"i",56),e.TgZ(109,"span"),e._uU(110,"Finance Module"),e.qZA()()(),e._UZ(111,"button",57),e.qZA()()(),e.TgZ(112,"div",48)(113,"div",49)(114,"div",50)(115,"span",51),e._uU(116,"Extended Licence"),e.qZA(),e.TgZ(117,"span",52),e._uU(118,"$49"),e.qZA(),e.TgZ(119,"ul",53)(120,"li",54),e._UZ(121,"i",55),e.TgZ(122,"span"),e._uU(123,"Up to 10 Active Users"),e.qZA()(),e.TgZ(124,"li",54),e._UZ(125,"i",55),e.TgZ(126,"span"),e._uU(127,"Up to 30 Project Integrations"),e.qZA()(),e.TgZ(128,"li",54),e._UZ(129,"i",55),e.TgZ(130,"span"),e._uU(131,"Analytics Module"),e.qZA()(),e.TgZ(132,"li",54),e._UZ(133,"i",56),e.TgZ(134,"span"),e._uU(135,"Finance Module"),e.qZA()()(),e._UZ(136,"button",57),e.qZA()()()()(),e.TgZ(137,"div",58)(138,"span",38),e._uU(139,"Features"),e.qZA(),e.TgZ(140,"span",39),e._uU(141,"PrimeTek Informatics is the author of PrimeReact, a UI Component vendor with well known vastly popular projects including PrimeFaces, PrimeNG and PrimeVue."),e.qZA(),e.TgZ(142,"div",59)(143,"div",60)(144,"div",61),e._UZ(145,"img",62),e.TgZ(146,"span",63),e._uU(147,"90+ UI Components"),e.qZA(),e.TgZ(148,"p",64),e._uU(149,"The ultimate set of UI Components to assist you with 90+ impressive Angular Components."),e.qZA()()(),e.TgZ(150,"div",60)(151,"div",61),e._UZ(152,"img",65),e.TgZ(153,"span",63),e._uU(154,"Community"),e.qZA(),e.TgZ(155,"p",64),e._uU(156,"Connect with the other open source community members, collaborate and have a voice in the project roadmap."),e.qZA()()(),e.TgZ(157,"div",60)(158,"div",61),e._UZ(159,"img",66),e.TgZ(160,"span",63),e._uU(161,"Productivity"),e.qZA(),e.TgZ(162,"p",64),e._uU(163,"Boost your productivity by achieving more in less time and accomplish amazing results."),e.qZA()()(),e.TgZ(164,"div",60)(165,"div",61),e._UZ(166,"img",67),e.TgZ(167,"span",63),e._uU(168,"Accessibility"),e.qZA(),e.TgZ(169,"p",64),e._uU(170,"The ultimate set of UI Components to assist you with 90+ impressive Angular Components."),e.qZA()()(),e.TgZ(171,"div",60)(172,"div",61),e._UZ(173,"img",68),e.TgZ(174,"span",63),e._uU(175,"Enterprise Support"),e.qZA(),e.TgZ(176,"p",64),e._uU(177,"Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library."),e.qZA()()(),e.TgZ(178,"div",60)(179,"div",61),e._UZ(180,"img",69),e.TgZ(181,"span",63),e._uU(182,"Mobile"),e.qZA(),e.TgZ(183,"p",64),e._uU(184,"First class support for responsive design led by touch optimized elements."),e.qZA()()(),e.TgZ(185,"div",60)(186,"div",61),e._UZ(187,"img",70),e.TgZ(188,"span",63),e._uU(189,"Themes"),e.qZA(),e.TgZ(190,"p",64),e._uU(191,"Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own."),e.qZA()()(),e.TgZ(192,"div",60)(193,"div",61),e._UZ(194,"img",71),e.TgZ(195,"span",63),e._uU(196,"Typescript"),e.qZA(),e.TgZ(197,"p",64),e._uU(198,"Top-notch support for Typescript with types and tooling assistance."),e.qZA()()()()(),e.TgZ(199,"div",72)(200,"div",73)(201,"a",74),e.O4$(),e.TgZ(202,"svg",6),e._UZ(203,"path",7)(204,"path",8)(205,"path",9)(206,"path",10)(207,"path",11)(208,"path",12)(209,"path",13)(210,"path",14)(211,"path",15),e.qZA()()(),e.kcU(),e.TgZ(212,"div",75)(213,"div",76)(214,"div",77)(215,"h4",78),e._uU(216,"Company"),e.qZA(),e.TgZ(217,"a",79),e._uU(218,"About Us"),e.qZA(),e.TgZ(219,"a",79),e._uU(220,"News"),e.qZA(),e.TgZ(221,"a",79),e._uU(222,"Investor Relations"),e.qZA(),e.TgZ(223,"a",79),e._uU(224,"Careers"),e.qZA(),e.TgZ(225,"a",80),e._uU(226,"Media Kit"),e.qZA()(),e.TgZ(227,"div",81)(228,"h4",78),e._uU(229,"Resources"),e.qZA(),e.TgZ(230,"a",79),e._uU(231,"Get Started"),e.qZA(),e.TgZ(232,"a",79),e._uU(233,"Learn"),e.qZA(),e.TgZ(234,"a",80),e._uU(235,"Case Studies"),e.qZA()(),e.TgZ(236,"div",81)(237,"h4",78),e._uU(238,"Community"),e.qZA(),e.TgZ(239,"a",79),e._uU(240,"Discord"),e.qZA(),e.TgZ(241,"a",79),e._uU(242,"Events"),e.qZA(),e.TgZ(243,"a",79),e._uU(244,"FAQ"),e.qZA(),e.TgZ(245,"a",80),e._uU(246,"Blog"),e.qZA()(),e.TgZ(247,"div",81)(248,"h4",78),e._uU(249,"Legal"),e.qZA(),e.TgZ(250,"a",79),e._uU(251,"Brand Policy"),e.qZA(),e.TgZ(252,"a",79),e._uU(253,"Privacy Policy"),e.qZA(),e.TgZ(254,"a",80),e._uU(255,"Terms of Service"),e.qZA()()()()()()()(),e._UZ(256,"app-config",82)),2&s&&(e.xp6(16),e.Q6J("hideOnOutsideClick",!0),e.xp6(46),e.MGl("src","assets/demo/images/landing/",n.darkMode?"dashboard-dark":"dashboard-light",".png",e.LSH),e.xp6(8),e.MGl("src","assets/demo/images/landing/",n.darkMode?"chat-dark":"chat-light",".png",e.LSH),e.xp6(4),e.MGl("src","assets/demo/images/landing/",n.darkMode?"mail-dark":"mail-light",".png",e.LSH),e.xp6(4),e.MGl("src","assets/demo/images/landing/",n.darkMode?"kanban-dark":"kanban-light",".png",e.LSH),e.xp6(178),e.Q6J("minimal",!0))},dependencies:[m.Hq,h,v.P,Z],styles:[".bg-circle[_ngcontent-%COMP%]{width:1000px;height:1000px;border-radius:50%;background-image:linear-gradient(140deg,var(--primary-color),var(--surface-ground) 80%);position:absolute;opacity:.25;z-index:-1}.visibility-hidden[_ngcontent-%COMP%]{visibility:hidden}.moveinright[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_moveinright .15s linear}@keyframes _ngcontent-%COMP%_moveinright{0%{opacity:0;transform:translate(50px);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}"]})}return i})(),f=(()=>{class i{static#e=this.\u0275fac=function(s){return new(s||i)};static#t=this.\u0275mod=e.oAB({type:i});static#i=this.\u0275inj=e.cJS({imports:[o.Bz.forChild([{path:"",component:C}]),o.Bz]})}return i})();var y=l(1567);let b=(()=>{class i{static#e=this.\u0275fac=function(s){return new(s||i)};static#t=this.\u0275mod=e.oAB({type:i});static#i=this.\u0275inj=e.cJS({imports:[c.ez,f,m.hJ,o.Bz,u,y.h]})}return i})()}}]); \ No newline at end of file diff --git a/tiles/632.43cb2ff7d5a9a252.js b/tiles/632.43cb2ff7d5a9a252.js deleted file mode 100644 index c581159..0000000 --- a/tiles/632.43cb2ff7d5a9a252.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[632],{4632:(M,i,r)=>{r.r(i),r.d(i,{NewPasswordModule:()=>Z});var m=r(6814),f=r(95),o=r(9310),t=r(5849),v=r(3859),l=r(336),p=r(4480),g=r(1111),c=r(1423);const d=()=>({paddingLeft:"2.5rem"}),u=()=>["/"];let h=(()=>{class e{constructor(s){this.layoutService=s,this.rememberMe=!1}get dark(){return"light"!==this.layoutService.config().colorScheme}static#t=this.\u0275fac=function(a){return new(a||e)(t.Y36(v.P))};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["ng-component"]],decls:24,vars:17,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-4"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium"],[1,"flex","flex-column"],[1,"p-input-icon-left","w-full","mb-4"],[1,"pi","pi-lock","z-2"],["id","password","placeholder","Password","styleClass","w-full","inputStyleClass","w-full md:w-25rem ",3,"inputStyle","toggleMask"],["id","password","placeholder","Repeat Password","styleClass","w-full","inputStyleClass","w-full md:w-25rem",3,"inputStyle","toggleMask","feedback"],[1,"flex","flex-wrap","gap-2","justify-content-between"],["pButton","","pRipple","","label","Cancel",1,"flex-auto","p-button-outlined",3,"routerLink"],["pButton","","pRipple","","label","Submit",1,"flex-auto",3,"routerLink"],[3,"minimal"]],template:function(a,n){1&a&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),t.qZA(),t.kcU(),t.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),t._uU(10,"New Password"),t.qZA(),t.TgZ(11,"span",10),t._uU(12,"Enter your new password"),t.qZA()(),t.TgZ(13,"div",11)(14,"span",12),t._UZ(15,"i",13)(16,"p-password",14),t.qZA(),t.TgZ(17,"span",12),t._UZ(18,"i",13)(19,"p-password",15),t.qZA(),t.TgZ(20,"div",16),t._UZ(21,"button",17)(22,"button",18),t.qZA()()()(),t._UZ(23,"app-config",19)),2&a&&(t.xp6(1),t.uIk("fill",n.dark?"var(--primary-900)":"var(--primary-500)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-800)":"var(--primary-400)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-700)":"var(--primary-300)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-600)":"var(--primary-200)"),t.xp6(1),t.uIk("fill",n.dark?"var(--primary-500)":"var(--primary-100)"),t.xp6(11),t.Q6J("inputStyle",t.DdM(13,d))("toggleMask",!0),t.xp6(3),t.Q6J("inputStyle",t.DdM(14,d))("toggleMask",!0)("feedback",!1),t.xp6(2),t.Q6J("routerLink",t.DdM(15,u)),t.xp6(1),t.Q6J("routerLink",t.DdM(16,u)),t.xp6(1),t.Q6J("minimal",!0))},dependencies:[o.rH,l.Hq,p.H,g.P,c.ro],encapsulation:2})}return e})(),y=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[o.Bz.forChild([{path:"",component:h}]),o.Bz]})}return e})();var w=r(3714),x=r(1567);let Z=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275mod=t.oAB({type:e});static#r=this.\u0275inj=t.cJS({imports:[m.ez,y,f.u5,l.hJ,w.j,p.T,x.h,c.gz]})}return e})()}}]); \ No newline at end of file diff --git a/tiles/798.1c8ca14f4f638c00.js b/tiles/798.1c8ca14f4f638c00.js deleted file mode 100644 index 9ca0398..0000000 --- a/tiles/798.1c8ca14f4f638c00.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[798],{8798:(S,m,o)=>{o.r(m),o.d(m,{VerificationModule:()=>E});var u=o(6814),s=o(95),d=o(9310),e=o(5849),k=o(3859),g=o(3714),p=o(2076);const A={provide:s.Cf,useExisting:(0,e.Gpc)(()=>v),multi:!0},h={pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},y={63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35};let v=(()=>{class r{document;platformId;el;pValidateOnly;set pattern(i){this._pattern=i,this.regex=i instanceof RegExp?i:i in h?h[i]:/./}get pattern(){return this._pattern}ngModelChange=new e.vpe;regex=/./;_pattern;isAndroid;lastValue;constructor(i,t,n){this.document=i,this.platformId=t,this.el=n,this.isAndroid=!!(0,u.NF)(this.platformId)&&p.p.isAndroid()}isNavKeyPress(i){let t=i.keyCode;return t=p.p.getBrowser().safari&&y[t]||t,t>=33&&t<=40||13==t||9==t||27==t}isSpecialKey(i){let t=i.keyCode||i.charCode;return 9==t||13==t||27==t||16==t||17==t||t>=18&&t<=20||p.p.getBrowser().opera&&!i.shiftKey&&(8==t||t>=33&&t<=35||t>=36&&t<=39||t>=44&&t<=45)}getKey(i){let t=i.keyCode||i.charCode;return p.p.getBrowser().safari&&y[t]||t}getCharCode(i){return i.charCode||i.keyCode||i.which}findDelta(i,t){let n="";for(let a=0;a1||!a&&!l?this.isValidString(t)||(this.el.nativeElement.value=n,this.ngModelChange.emit(n)):l||this.isValidChar(a)||(this.el.nativeElement.value=n,this.ngModelChange.emit(n)),t=this.el.nativeElement.value,this.isValidString(t)&&(this.lastValue=t)}}onKeyPress(i){if(this.isAndroid||this.pValidateOnly)return;let t=p.p.getBrowser(),n=this.getKey(i);if(t.mozilla&&(i.ctrlKey||i.altKey))return;if(17==n||18==n||13==n)return;let a=this.getCharCode(i),l=String.fromCharCode(a),f=!0;!t.mozilla&&(this.isSpecialKey(i)||!l)||(f=this.regex.test(l),f||i.preventDefault())}onPaste(i){const t=i.clipboardData||this.document.defaultView.clipboardData.getData("text");if(t){const n=t.getData("text");for(let a of n.toString())if(!this.regex.test(a))return void i.preventDefault()}}validate(i){if(this.pValidateOnly){let t=this.el.nativeElement.value;if(t&&!this.regex.test(t))return{validatePattern:!1}}}static \u0275fac=function(t){return new(t||r)(e.Y36(u.K0),e.Y36(e.Lbi),e.Y36(e.SBq))};static \u0275dir=e.lG2({type:r,selectors:[["","pKeyFilter",""]],hostAttrs:[1,"p-element"],hostBindings:function(t,n){1&t&&e.NdJ("input",function(l){return n.onInput(l)})("keypress",function(l){return n.onKeyPress(l)})("paste",function(l){return n.onPaste(l)})},inputs:{pValidateOnly:"pValidateOnly",pattern:["pKeyFilter","pattern"]},outputs:{ngModelChange:"ngModelChange"},features:[e._Bn([A])]})}return r})(),T=(()=>{class r{static \u0275fac=function(t){return new(t||r)};static \u0275mod=e.oAB({type:r});static \u0275inj=e.cJS({imports:[u.ez]})}return r})();var C=o(336),V=o(4480),M=o(1111);const x=()=>["/"];let D=(()=>{class r{constructor(i){this.layoutService=i}get dark(){return"light"!==this.layoutService.config().colorScheme}onDigitInput(i){let t;"Backspace"!==i.code&&(i.code.includes("Numpad")||i.code.includes("Digit"))&&(t=i.srcElement.nextElementSibling),"Backspace"===i.code&&(t=i.srcElement.previousElementSibling),t?.focus()}static#t=this.\u0275fac=function(t){return new(t||r)(e.Y36(k.P))};static#e=this.\u0275cmp=e.Xpm({type:r,selectors:[["ng-component"]],decls:27,vars:10,consts:[["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 1600 800","preserveAspectRatio","none",1,"fixed","left-0","top-0","min-h-screen","min-w-screen"],["width","1600","height","800"],["d","M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z"],["d","M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z"],["d","M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z"],["d","M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"border-1","surface-border","surface-card","border-round","py-7","px-4","md:px-7","z-1"],[1,"mb-4"],[1,"text-900","text-xl","font-bold","mb-2"],[1,"text-600","font-medium"],[1,"flex","align-items-center","mt-1"],[1,"pi","pi-envelope","text-600"],[1,"text-900","font-bold","ml-2"],[1,"flex","flex-column"],[1,"flex","justify-content-between","w-full","align-items-center","mb-4","gap-3"],["pInputText","","pKeyFilter","num","maxlength","1",1,"w-3rem","text-center",3,"ngModel","keyup"],[1,"flex","flex-wrap","gap-2","justify-content-between"],["pButton","","pRipple","","label","Cancel",1,"flex-auto","p-button-outlined",3,"routerLink"],["pButton","","pRipple","","label","Verify",1,"flex-auto",3,"routerLink"],[3,"minimal"]],template:function(t,n){1&t&&(e.O4$(),e.TgZ(0,"svg",0),e._UZ(1,"rect",1)(2,"path",2)(3,"path",3)(4,"path",4)(5,"path",5),e.qZA(),e.kcU(),e.TgZ(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),e._uU(10,"Verification"),e.qZA(),e.TgZ(11,"span",10),e._uU(12,"We have sent code to you email:"),e.qZA(),e.TgZ(13,"div",11),e._UZ(14,"i",12),e.TgZ(15,"span",13),e._uU(16,"dm@gmail.com"),e.qZA()()(),e.TgZ(17,"div",14)(18,"div",15)(19,"input",16),e.NdJ("ngModel",function(){return n.val1})("keyup",function(l){return n.onDigitInput(l)}),e.qZA(),e.TgZ(20,"input",16),e.NdJ("ngModel",function(){return n.val2})("keyup",function(l){return n.onDigitInput(l)}),e.qZA(),e.TgZ(21,"input",16),e.NdJ("ngModel",function(){return n.val3})("keyup",function(l){return n.onDigitInput(l)}),e.qZA(),e.TgZ(22,"input",16),e.NdJ("ngModel",function(){return n.val4})("keyup",function(l){return n.onDigitInput(l)}),e.qZA()(),e.TgZ(23,"div",17),e._UZ(24,"button",18)(25,"button",19),e.qZA()()()(),e._UZ(26,"app-config",20)),2&t&&(e.xp6(1),e.uIk("fill",n.dark?"var(--primary-900)":"var(--primary-500)"),e.xp6(1),e.uIk("fill",n.dark?"var(--primary-800)":"var(--primary-400)"),e.xp6(1),e.uIk("fill",n.dark?"var(--primary-700)":"var(--primary-300)"),e.xp6(1),e.uIk("fill",n.dark?"var(--primary-600)":"var(--primary-200)"),e.xp6(1),e.uIk("fill",n.dark?"var(--primary-500)":"var(--primary-100)"),e.xp6(19),e.Q6J("routerLink",e.DdM(8,x)),e.xp6(1),e.Q6J("routerLink",e.DdM(9,x)),e.xp6(1),e.Q6J("minimal",!0))},dependencies:[d.rH,s.Fj,s.JJ,s.nD,s.On,g.o,v,C.Hq,V.H,M.P],encapsulation:2})}return r})(),K=(()=>{class r{static#t=this.\u0275fac=function(t){return new(t||r)};static#e=this.\u0275mod=e.oAB({type:r});static#i=this.\u0275inj=e.cJS({imports:[d.Bz.forChild([{path:"",component:D}]),d.Bz]})}return r})();var B=o(1567);let E=(()=>{class r{static#t=this.\u0275fac=function(t){return new(t||r)};static#e=this.\u0275mod=e.oAB({type:r});static#i=this.\u0275inj=e.cJS({imports:[u.ez,K,s.u5,g.j,T,C.hJ,V.T,B.h]})}return r})()}}]); \ No newline at end of file diff --git a/tiles/827.e284d465785f8cd6.js b/tiles/827.e284d465785f8cd6.js deleted file mode 100644 index 820b3a0..0000000 --- a/tiles/827.e284d465785f8cd6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[827],{2827:(h,r,o)=>{o.r(r),o.d(r,{NotfoundModule:()=>d});var l=o(6814),i=o(9310),t=o(5849),c=o(336);const u=()=>["/"];let a=(()=>{class n{static#t=this.\u0275fac=function(e){return new(e||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["ng-component"]],decls:11,vars:2,consts:[["viewBox","0 0 960 540","xmlns","http://www.w3.org/2000/svg",0,"xmlns","xlink","http://www.w3.org/1999/xlink","version","1.1","preserveAspectRatio","none",1,"min-h-screen","min-w-screen","fixed","left-0",2,"bottom","-10rem"],["x","0","y","0","width","960","height","540","fill","var(--surface-ground)"],["d","M0 331L26.7 321C53.3 311 106.7 291 160 291C213.3 291 266.7 311 320 329.5C373.3 348 426.7 365 480 373.2C533.3 381.3 586.7 380.7 640 373.8C693.3 367 746.7 354 800 341.2C853.3 328.3 906.7 315.7 933.3 309.3L960 303L960 541L933.3 541C906.7 541 853.3 541 800 541C746.7 541 693.3 541 640 541C586.7 541 533.3 541 480 541C426.7 541 373.3 541 320 541C266.7 541 213.3 541 160 541C106.7 541 53.3 541 26.7 541L0 541Z","fill","var(--orange-500)","stroke-linecap","round","stroke-linejoin","miter"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"z-1","text-center"],[1,"text-900","font-bold","text-8xl","mb-4"],[1,"line-height-3","mt-0","mb-5","text-700","text-xl","font-medium"],["styleClass","p-button-warning font-medium p-button-raised",3,"routerLink"]],template:function(e,p){1&e&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2),t.qZA(),t.kcU(),t.TgZ(3,"div",3)(4,"div",4)(5,"div",5),t._uU(6,"Oops!"),t.qZA(),t.TgZ(7,"p",6),t._uU(8,"There is nothing here"),t.qZA(),t.TgZ(9,"p-button",7),t._uU(10,"Go to Dashboard"),t.qZA()()()),2&e&&(t.xp6(9),t.Q6J("routerLink",t.DdM(1,u)))},dependencies:[i.rH,c.zx],encapsulation:2})}return n})(),m=(()=>{class n{static#t=this.\u0275fac=function(e){return new(e||n)};static#n=this.\u0275mod=t.oAB({type:n});static#e=this.\u0275inj=t.cJS({imports:[i.Bz.forChild([{path:"",component:a}]),i.Bz]})}return n})(),d=(()=>{class n{static#t=this.\u0275fac=function(e){return new(e||n)};static#n=this.\u0275mod=t.oAB({type:n});static#e=this.\u0275inj=t.cJS({imports:[l.ez,m,c.hJ]})}return n})()}}]); \ No newline at end of file diff --git a/tiles/938.52e0cbfdc5a2688f.js b/tiles/938.52e0cbfdc5a2688f.js deleted file mode 100644 index 7de31d6..0000000 --- a/tiles/938.52e0cbfdc5a2688f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[938],{5938:(h,s,o)=>{o.r(s),o.d(s,{ErrorModule:()=>d});var l=o(6814),r=o(9310),t=o(5849),c=o(336);const a=()=>["/"];let m=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["ng-component"]],decls:11,vars:2,consts:[["viewBox","0 0 960 540","xmlns","http://www.w3.org/2000/svg",0,"xmlns","xlink","http://www.w3.org/1999/xlink","version","1.1","preserveAspectRatio","none",1,"min-h-screen","min-w-screen","fixed","left-0",2,"bottom","-10rem"],["x","0","y","0","width","960","height","540","fill","var(--surface-ground)"],["d","M0 331L26.7 321C53.3 311 106.7 291 160 291C213.3 291 266.7 311 320 329.5C373.3 348 426.7 365 480 373.2C533.3 381.3 586.7 380.7 640 373.8C693.3 367 746.7 354 800 341.2C853.3 328.3 906.7 315.7 933.3 309.3L960 303L960 541L933.3 541C906.7 541 853.3 541 800 541C746.7 541 693.3 541 640 541C586.7 541 533.3 541 480 541C426.7 541 373.3 541 320 541C266.7 541 213.3 541 160 541C106.7 541 53.3 541 26.7 541L0 541Z","fill","var(--red-500)","stroke-linecap","round","stroke-linejoin","miter"],[1,"px-5","min-h-screen","flex","justify-content-center","align-items-center"],[1,"z-1","text-center"],[1,"text-900","font-bold","text-8xl","mb-4"],[1,"line-height-3","mt-0","mb-5","text-700","text-xl","font-medium"],["styleClass","p-button-danger font-medium p-button-raised",3,"routerLink"]],template:function(n,p){1&n&&(t.O4$(),t.TgZ(0,"svg",0),t._UZ(1,"rect",1)(2,"path",2),t.qZA(),t.kcU(),t.TgZ(3,"div",3)(4,"div",4)(5,"div",5),t._uU(6,"ERROR"),t.qZA(),t.TgZ(7,"p",6),t._uU(8,"Something went wrong!"),t.qZA(),t.TgZ(9,"p-button",7),t._uU(10,"Go to Dashboard"),t.qZA()()()),2&n&&(t.xp6(9),t.Q6J("routerLink",t.DdM(1,a)))},dependencies:[r.rH,c.zx],encapsulation:2})}return e})(),u=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[r.Bz.forChild([{path:"",component:m}]),r.Bz]})}return e})(),d=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[l.ez,u,c.hJ]})}return e})()}}]); \ No newline at end of file diff --git a/tiles/999.7c5260c9fb679edd.js b/tiles/999.7c5260c9fb679edd.js deleted file mode 100644 index 1bfa513..0000000 --- a/tiles/999.7c5260c9fb679edd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunktiles=self.webpackChunktiles||[]).push([[999],{1999:(Nr,rn,ot)=>{"use strict";ot.r(rn),ot.d(rn,{MapGridModule:()=>hd});var ee=ot(6814),$=ot(9310);const Ct=class mi{constructor(t){this.type=t,this.target=null}preventDefault(){this.defaultPrevented=!0}stopPropagation(){this.propagationStopped=!0}},Te=class pi{constructor(){this.disposed=!1}dispose(){this.disposed||(this.disposed=!0,this.disposeInternal())}disposeInternal(){}};function ne(n,t){return n>t?1:n0?r-1:r}return i-1}if(e>0){for(let r=1;r0)}removeEventListener(t,e){if(!this.listeners_)return;const i=this.listeners_[t];if(!i)return;const r=i.indexOf(e);-1!==r&&(this.pendingRemovals_&&t in this.pendingRemovals_?(i[r]=G,++this.pendingRemovals_[t]):(i.splice(r,1),0===i.length&&delete this.listeners_[t]))}};function Y(n,t,e,i,r){if(i&&i!==n&&(e=e.bind(i)),r){const o=e;e=function(){n.removeEventListener(t,e),o.apply(this,arguments)}}const s={target:n,type:t,listener:e};return n.addEventListener(t,e),s}function Gt(n,t,e,i){return Y(n,t,e,i,!0)}function et(n){n&&n.target&&(n.target.removeEventListener(n.type,n.listener),J(n))}const Tt=class ie extends qt{constructor(){super(),this.on=this.onInternal,this.once=this.onceInternal,this.un=this.unInternal,this.revision_=0}changed(){++this.revision_,this.dispatchEvent("change")}getRevision(){return this.revision_}onInternal(t,e){if(Array.isArray(t)){const i=t.length,r=new Array(i);for(let s=0;s0;)this.pop()}extend(t){for(let e=0,i=t.length;ethis.getLength())throw new Error("Index out of bounds: "+t);this.unique_&&this.assertUnique_(e),this.array_.splice(t,0,e),this.updateLength_(),this.dispatchEvent(new Dn("add",e,t))}pop(){return this.removeAt(this.getLength()-1)}push(t){this.unique_&&this.assertUnique_(t);const e=this.getLength();return this.insertAt(e,t),this.getLength()}remove(t){const e=this.array_;for(let i=0,r=e.length;i=this.getLength())return;const e=this.array_[t];return this.array_.splice(t,1),this.updateLength_(),this.dispatchEvent(new Dn("remove",e,t)),e}setAt(t,e){if(t>=this.getLength())return void this.insertAt(t,e);if(t<0)throw new Error("Index out of bounds: "+t);this.unique_&&this.assertUnique_(e,t);const r=this.array_[t];this.array_[t]=e,this.dispatchEvent(new Dn("remove",r,t)),this.dispatchEvent(new Dn("add",e,t))}updateLength_(){this.set("length",this.array_.length)}assertUnique_(t,e){for(let i=0,r=this.array_.length;i1?(e=r,i=s):l>0&&(e+=o*l,i+=a*l)}return ze(n,t,e,i)}function ze(n,t,e,i){const r=e-n,s=i-t;return r*r+s*s}function Fn(n){return n*Math.PI/180}function Ie(n,t){const e=n%t;return e*t<0?e+t:e}function oa(n,t,e){return n+e*(t-n)}function Ei(n,t){const e=Math.pow(10,t);return Math.round(n*e)/e}function Nn(n,t){return Math.floor(Ei(n,t))}function kn(n,t){return Math.ceil(Ei(n,t))}const Gr=class aa extends re{constructor(t){super(),this.background_=t.background;const e=Object.assign({},t);"object"==typeof t.properties&&(delete e.properties,Object.assign(e,t.properties)),e.opacity=void 0!==t.opacity?t.opacity:1,H("number"==typeof e.opacity,"Layer opacity must be a number"),e.visible=void 0===t.visible||t.visible,e.zIndex=t.zIndex,e.maxResolution=void 0!==t.maxResolution?t.maxResolution:1/0,e.minResolution=void 0!==t.minResolution?t.minResolution:0,e.minZoom=void 0!==t.minZoom?t.minZoom:-1/0,e.maxZoom=void 0!==t.maxZoom?t.maxZoom:1/0,this.className_=void 0!==e.className?e.className:"ol-layer",delete e.className,this.setProperties(e),this.state_=null}getBackground(){return this.background_}getClassName(){return this.className_}getLayerState(t){const e=this.state_||{layer:this,managed:void 0===t||t},i=this.getZIndex();return e.opacity=at(Math.round(100*this.getOpacity())/100,0,1),e.visible=this.getVisible(),e.extent=this.getExtent(),e.zIndex=void 0!==i||e.managed?i:1/0,e.maxResolution=this.getMaxResolution(),e.minResolution=Math.max(this.getMinResolution(),0),e.minZoom=this.getMinZoom(),e.maxZoom=this.getMaxZoom(),this.state_=e,e}getLayersArray(t){return K()}getLayerStatesArray(t){return K()}getExtent(){return this.get("extent")}getMaxResolution(){return this.get("maxResolution")}getMinResolution(){return this.get("minResolution")}getMinZoom(){return this.get("minZoom")}getMaxZoom(){return this.get("maxZoom")}getOpacity(){return this.get("opacity")}getSourceState(){return K()}getVisible(){return this.get("visible")}getZIndex(){return this.get("zIndex")}setBackground(t){this.background_=t,this.changed()}setExtent(t){this.set("extent",t)}setMaxResolution(t){this.set("maxResolution",t)}setMinResolution(t){this.set("minResolution",t)}setMaxZoom(t){this.set("maxZoom",t)}setMinZoom(t){this.set("minZoom",t)}setOpacity(t){H("number"==typeof t,"Layer opacity must be a number"),this.set("opacity",t)}setVisible(t){this.set("visible",t)}setZIndex(t){this.set("zIndex",t)}disposeInternal(){this.state_&&(this.state_.layer=null,this.state_=null),super.disposeInternal()}},Xt={CENTER:"center",RESOLUTION:"resolution",ROTATION:"rotation"},la=42,vi=256,an={radians:6370997/(2*Math.PI),degrees:2*Math.PI*6370997/360,ft:.3048,m:1,"us-ft":1200/3937},Xr=class ca{constructor(t){this.code_=t.code,this.units_=t.units,this.extent_=void 0!==t.extent?t.extent:null,this.worldExtent_=void 0!==t.worldExtent?t.worldExtent:null,this.axisOrientation_=void 0!==t.axisOrientation?t.axisOrientation:"enu",this.global_=void 0!==t.global&&t.global,this.canWrapX_=!(!this.global_||!this.extent_),this.getPointResolutionFunc_=t.getPointResolution,this.defaultTileGrid_=null,this.metersPerUnit_=t.metersPerUnit}canWrapX(){return this.canWrapX_}getCode(){return this.code_}getExtent(){return this.extent_}getUnits(){return this.units_}getMetersPerUnit(){return this.metersPerUnit_||an[this.units_]}getWorldExtent(){return this.worldExtent_}getAxisOrientation(){return this.axisOrientation_}isGlobal(){return this.global_}setGlobal(t){this.global_=t,this.canWrapX_=!(!t||!this.extent_)}getDefaultTileGrid(){return this.defaultTileGrid_}setDefaultTileGrid(t){this.defaultTileGrid_=t}setExtent(t){this.extent_=t,this.canWrapX_=!(!this.global_||!t)}setWorldExtent(t){this.worldExtent_=t}setGetPointResolution(t){this.getPointResolutionFunc_=t}getPointResolutionFunc(){return this.getPointResolutionFunc_}},ln=6378137,Ge=Math.PI*ln,ua=[-Ge,-Ge,Ge,Ge],da=[-180,-85,180,85],zn=ln*Math.log(Math.tan(Math.PI/2));class Xe extends Xr{constructor(t){super({code:t,units:"m",extent:ua,global:!0,worldExtent:da,getPointResolution:function(e,i){return e/Math.cosh(i[1]/ln)}})}}const Yr=[new Xe("EPSG:3857"),new Xe("EPSG:102100"),new Xe("EPSG:102113"),new Xe("EPSG:900913"),new Xe("http://www.opengis.net/def/crs/EPSG/0/3857"),new Xe("http://www.opengis.net/gml/srs/epsg.xml#3857")];function fa(n,t,e){const i=n.length;e=e>1?e:2,void 0===t&&(t=e>2?n.slice():new Array(i));for(let r=0;rzn?s=zn:s<-zn&&(s=-zn),t[r+1]=s}return t}function ga(n,t,e){const i=n.length;e=e>1?e:2,void 0===t&&(t=e>2?n.slice():new Array(i));for(let r=0;rn[2]&&(l|=ht.RIGHT),an[3]&&(l|=ht.ABOVE),l===ht.UNKNOWN&&(l=ht.INTERSECTING),l}function Ye(n,t,e,i,r){return r?(r[0]=n,r[1]=t,r[2]=e,r[3]=i,r):[n,t,e,i]}function Ae(n){return Ye(1/0,1/0,-1/0,-1/0,n)}function Ci(n,t){return n[0]==t[0]&&n[2]==t[2]&&n[1]==t[1]&&n[3]==t[3]}function hn(n,t){t[0]n[2]&&(n[2]=t[0]),t[1]n[3]&&(n[3]=t[1])}function qr(n,t,e,i,r){for(;et[0]?n[0]:t[0],i[1]=n[1]>t[1]?n[1]:t[1],i[2]=n[2]=t[0]&&n[1]<=t[3]&&n[3]>=t[1]}function un(n){return n[2]=0;--i)if(n[i]!=t[i]){e=!1;break}return e}function Ii(n,t){const e=Math.cos(t),i=Math.sin(t),s=n[1]*e+n[0]*i;return n[0]=n[0]*e-n[1]*i,n[1]=s,n}const Kn=6371008.8;function Mi(n,t,e){e=e||Kn;const i=Fn(n[1]),r=Fn(t[1]),s=(r-i)/2,o=Fn(t[0]-n[0])/2,a=Math.sin(s)*Math.sin(s)+Math.sin(o)*Math.sin(o)*Math.cos(i)*Math.cos(r);return 2*e*Math.atan2(Math.sqrt(a),Math.sqrt(1-a))}const dn={info:1,warn:2,error:3,none:4};let Bn=dn.info;function Qr(...n){Bn>dn.warn||console.warn(...n)}let Ai=!0;function ts(n){Ai=!(void 0===n||n)}function bi(n,t){if(void 0!==t)for(let e=0,i=n.length;e180)&&(e[0]=Ie(i+180,360)-180),e}function je(n,t){if(n===t)return!0;const e=n.getUnits()===t.getUnits();return(n.getCode()===t.getCode()||Hn(n,t)===bi)&&e}function Hn(n,t){let r=function Ea(n,t){let e;return n in Yt&&t in Yt[n]&&(e=Yt[n][t]),e}(n.getCode(),t.getCode());return r||(r=es),r}function fn(n,t){return Hn(ft(n),ft(t))}function gn(n,t,e){return fn(t,e)(n,void 0,n.length)}let wt=null;function Pi(n,t){return n}function oe(n,t){return Ai&&!Wn(n,[0,0])&&n[0]>=-180&&n[0]<=180&&n[1]>=-90&&n[1]<=90&&(Ai=!1,Qr("Call useGeographic() from ol/proj once to work with [longitude, latitude] coordinates.")),n}function We(n,t){return n}function as(n,t,e){return function(i,r,s,o,a){if(!i)return;if(!r&&!t)return i;const l=t?0:s[0]*r,h=t?0:s[1]*r,c=a?a[0]:0,u=a?a[1]:0;let d=n[0]+l/2+c,f=n[2]-l/2+c,g=n[1]+h/2+u,p=n[3]-h/2+u;d>f&&(d=(f+d)/2,f=d),g>p&&(g=(p+g)/2,p=g);let v=at(i[0],d,f),C=at(i[1],g,p);if(o&&e&&r){const w=30*r;v+=-w*Math.log(1+Math.max(0,d-i[0])/w)+w*Math.log(1+Math.max(0,i[0]-f)/w),C+=-w*Math.log(1+Math.max(0,g-i[1])/w)+w*Math.log(1+Math.max(0,i[1]-p)/w)}return[v,C]}}function Ha(n){return n}function Si(n,t,e,i){const r=Q(t)/e[0],s=Rt(t)/e[1];return i?Math.min(n,Math.max(r,s)):Math.min(n,Math.min(r,s))}function Oi(n,t,e){let i=Math.min(n,t);return i*=Math.log(1+50*Math.max(0,n/t-1))/50+1,e&&(i=Math.max(i,e),i/=Math.log(1+50*Math.max(0,e/n-1))/50+1),at(i,e/2,2*t)}function ls(n,t,e,i,r){return e=void 0===e||e,function(s,o,a,l){if(void 0!==s){const h=i?Si(n,i,a,r):n;return e&&l?Oi(s,h,t):at(s,t,h)}}}function Di(n){if(void 0!==n)return 0}function hs(n){if(void 0!==n)return n}function cs(n){return Math.pow(n,3)}function Ke(n){return 1-cs(1-n)}function Fi(n){return 3*n*n-2*n*n*n}function el(n){return n}function Ot(n,t){const e=t[0],i=t[1];return t[0]=n[0]*e+n[2]*i+n[4],t[1]=n[1]*e+n[3]*i+n[5],t}function Ve(n,t,e,i,r,s,o,a){const l=Math.sin(s),h=Math.cos(s);return n[0]=i*h,n[1]=r*l,n[2]=-i*l,n[3]=r*h,n[4]=o*i*h-a*i*l+t,n[5]=o*r*l+a*r*h+e,n}function zi(n,t){const e=function nl(n){return n[0]*n[3]-n[1]*n[2]}(t);H(0!==e,"Transformation matrix cannot be inverted");const i=t[0],r=t[1],s=t[2],o=t[3],a=t[4],l=t[5];return n[0]=o/e,n[1]=-r/e,n[2]=-s/e,n[3]=i/e,n[4]=(s*l-o*a)/e,n[5]=-(i*l-r*a)/e,n}!function qa(){is(Yr),is(Ur),function Wa(n,t,e,i){n.forEach(function(r){t.forEach(function(s){Xn(r,s,e),Xn(s,r,i)})})}(Ur,Yr,fa,ga)}(),new Array(6);const us=[1e6,1e6,1e6,1e6,2,2];const fs=[1,0,0,1,0,0],ll=class al extends re{constructor(){super(),this.extent_=[1/0,1/0,-1/0,-1/0],this.extentRevision_=-1,this.simplifiedGeometryMaxMinSquaredTolerance=0,this.simplifiedGeometryRevision=0,this.simplifyTransformedInternal=function U(n){let e,i,r,t=!1;return function(){const s=Array.prototype.slice.call(arguments);return(!t||this!==r||!T(s,i))&&(t=!0,r=this,i=s,e=n.apply(this,arguments)),e}}((t,e,i)=>{if(!i)return this.getSimplifiedGeometry(e);const r=this.clone();return r.applyTransform(i),r.getSimplifiedGeometry(e)})}simplifyTransformed(t,e){return this.simplifyTransformedInternal(this.getRevision(),t,e)}clone(){return K()}closestPointXY(t,e,i,r){return K()}containsXY(t,e){const i=this.getClosestPoint([t,e]);return i[0]===t&&i[1]===e}getClosestPoint(t,e){return this.closestPointXY(t[0],t[1],e=e||[NaN,NaN],1/0),e}intersectsCoordinate(t){return this.containsXY(t[0],t[1])}computeExtent(t){return K()}getExtent(t){if(this.extentRevision_!=this.getRevision()){const e=this.computeExtent(this.extent_);(isNaN(e[0])||isNaN(e[1]))&&Ae(e),this.extentRevision_=this.getRevision()}return function ba(n,t){return t?(t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t):n}(this.extent_,t)}rotate(t,e){K()}scale(t,e,i){K()}simplify(t){return this.getSimplifiedGeometry(t*t)}getSimplifiedGeometry(t){return K()}getType(){return K()}applyTransform(t){K()}intersectsExtent(t){return K()}translate(t,e){K()}transform(t,e){const i=ft(t),r="tile-pixels"==i.getUnits()?function(s,o,a){const l=i.getExtent(),h=i.getWorldExtent(),c=Rt(h)/Rt(l);return Ve(fs,h[0],h[3],c,-c,0,0,0),function il(n,t,e,i,r,s){s=s||[];let o=0;for(let a=t;a1)u=e;else{if(d>0){for(let f=0;fr&&(r=h),s=a,o=l}return r}function ys(n,t,e,i,r,s,o,a,l,h,c){if(t==e)return h;let u,d;if(0===r){if(d=ze(o,a,n[t],n[t+1]),d0&&p>f)&&(g<0&&v0&&v>g)?(h=u,c=d):(s[o++]=h,s[o++]=c,a=h,l=c,h=u,c=d)}return s[o++]=h,s[o++]=c,o}function Ts(n,t,e,i,r){r=void 0!==r?r:[];let s=0;for(let o=t;o0;){const u=h.pop(),d=h.pop();let f=0;const g=n[d],p=n[d+1],v=n[u],C=n[u+1];for(let w=d+i;wf&&(c=w,f=R)}f>r&&(l[(c-t)/i]=1,d+is&&(h-a)*(s-l)-(r-a)*(c-l)>0&&o++:c<=s&&(h-a)*(s-l)-(r-a)*(c-l)<0&&o--,a=h,l=c}return 0!==o}function Zi(n,t,e,i,r,s){if(0===e.length||!Pe(n,t,e[0],i,r,s))return!1;for(let o=1,a=e.length;o=r[0]&&s[2]<=r[2]||s[1]>=r[1]&&s[3]<=r[3])||function pl(n,t,e,i,r){let s;for(t+=i;t=o&&p<=l),!i&&s&ht.RIGHT&&!(r&ht.RIGHT)&&(v=f-(d-l)*g,i=v>=a&&v<=h),!i&&s&ht.BELOW&&!(r&ht.BELOW)&&(p=d-(f-a)/g,i=p>=o&&p<=l),!i&&s&ht.LEFT&&!(r&ht.LEFT)&&(v=f-(d-o)*g,i=v>=a&&v<=h)}return i}(r,o,a)}))}function bs(n,t,e,i,r){return!!(Ui(n,t,e,i,r)||Pe(n,t,e,i,r[0],r[1])||Pe(n,t,e,i,r[0],r[3])||Pe(n,t,e,i,r[2],r[1])||Pe(n,t,e,i,r[2],r[3]))}function yl(n,t,e,i){for(;t0}function Wi(n,t,e,i,r){r=void 0!==r&&r;for(let s=0,o=e.length;sC&&(h=(c+u)/2,Zi(n,t,e,i,h,g)&&(v=h,C=w)),c=u}return isNaN(v)&&(v=r[s]),o?(o.push(v,g,C),o):[v,g,C]}(this.getOrientedFlatCoordinates(),0,this.ends_,this.stride,t,0),this.flatInteriorPointRevision_=this.getRevision()}return this.flatInteriorPoint_}getInteriorPoint(){return new _l(this.getFlatInteriorPoint(),"XYM")}getLinearRingCount(){return this.ends_.length}getLinearRing(t){return t<0||this.ends_.length<=t?null:new xs(this.flatCoordinates.slice(0===t?0:this.ends_[t-1],this.ends_[t]),this.layout)}getLinearRings(){const t=this.layout,e=this.flatCoordinates,i=this.ends_,r=[];let s=0;for(let o=0,a=i.length;oc&&d1&&"function"==typeof arguments[e-1]&&(i=arguments[e-1],--e);let r=0;for(;r0}getInteracting(){return this.hints_[1]>0}cancelAnimations(){let t;this.setHint(0,-this.hints_[0]);for(let e=0,i=this.animations_.length;e=0;--i){const r=this.animations_[i];let s=!0;for(let o=0,a=r.length;o0?(t-l.start)/l.duration:1;c>=1?(l.complete=!0,c=1):s=!1;const u=l.easing(c);if(l.sourceCenter){const d=l.sourceCenter[0],f=l.sourceCenter[1],g=l.targetCenter[0],p=l.targetCenter[1];this.nextCenter_=l.targetCenter,this.targetCenter_=[d+u*(g-d),f+u*(p-f)]}if(l.sourceResolution&&l.targetResolution){const d=1===u?l.targetResolution:l.sourceResolution+u*(l.targetResolution-l.sourceResolution);if(l.anchor){const f=this.getViewportSize_(this.getRotation()),g=this.constraints_.resolution(d,0,f,!0);this.targetCenter_=this.calculateCenterZoom(g,l.anchor)}this.nextResolution_=l.targetResolution,this.targetResolution_=d,this.applyTargetState_(!0)}if(void 0!==l.sourceRotation&&void 0!==l.targetRotation){const d=1===u?Ie(l.targetRotation+Math.PI,2*Math.PI)-Math.PI:l.sourceRotation+u*(l.targetRotation-l.sourceRotation);if(l.anchor){const f=this.constraints_.rotation(d,!0);this.targetCenter_=this.calculateCenterRotate(f,l.anchor)}this.nextRotation_=l.targetRotation,this.targetRotation_=d}if(this.applyTargetState_(!0),e=!0,!l.complete)break}if(s){this.animations_[i]=null,this.setHint(0,-1),this.nextCenter_=null,this.nextResolution_=NaN,this.nextRotation_=NaN;const o=r[0].callback;o&&Jn(o,!0)}}this.animations_=this.animations_.filter(Boolean),e&&void 0===this.updateAnimationKey_&&(this.updateAnimationKey_=requestAnimationFrame(this.updateAnimations_.bind(this)))}calculateCenterRotate(t,e){let i;const r=this.getCenterInternal();return void 0!==r&&(i=[r[0]-e[0],r[1]-e[1]],Ii(i,t-this.getRotation()),function Da(n,t){n[0]+=+t[0],n[1]+=+t[1]}(i,e)),i}calculateCenterZoom(t,e){let i;const r=this.getCenterInternal(),s=this.getResolution();return void 0!==r&&void 0!==s&&(i=[e[0]-t*(e[0]-r[0])/s,e[1]-t*(e[1]-r[1])/s]),i}getViewportSize_(t){const e=this.viewportSize_;if(t){const i=e[0],r=e[1];return[Math.abs(i*Math.cos(t))+Math.abs(r*Math.sin(t)),Math.abs(i*Math.sin(t))+Math.abs(r*Math.cos(t))]}return e}setViewportSize(t){this.viewportSize_=Array.isArray(t)?t.slice():[100,100],this.getAnimating()||this.resolveConstraints(0)}getCenter(){const t=this.getCenterInternal();return t&&Pi(t,this.getProjection())}getCenterInternal(){return this.get(Xt.CENTER)}getConstraints(){return this.constraints_}getConstrainResolution(){return this.get("constrainResolution")}getHints(t){return void 0!==t?(t[0]=this.hints_[0],t[1]=this.hints_[1],t):this.hints_.slice()}calculateExtent(t){return function Ba(n,t){return n}(this.calculateExtentInternal(t),this.getProjection())}calculateExtentInternal(t){t=t||this.getViewportSizeMinusPadding_();const e=this.getCenterInternal();H(e,"The view center is not defined");const i=this.getResolution();H(void 0!==i,"The view resolution is not defined");const r=this.getRotation();return H(void 0!==r,"The view rotation is not defined"),Ti(e,i,r,t)}getMaxResolution(){return this.maxResolution_}getMinResolution(){return this.minResolution_}getMaxZoom(){return this.getZoomForResolution(this.minResolution_)}setMaxZoom(t){this.applyOptions_(this.getUpdatedOptions_({maxZoom:t}))}getMinZoom(){return this.getZoomForResolution(this.maxResolution_)}setMinZoom(t){this.applyOptions_(this.getUpdatedOptions_({minZoom:t}))}setConstrainResolution(t){this.applyOptions_(this.getUpdatedOptions_({constrainResolution:t}))}getProjection(){return this.projection_}getResolution(){return this.get(Xt.RESOLUTION)}getResolutions(){return this.resolutions_}getResolutionForExtent(t,e){return this.getResolutionForExtentInternal(We(t,this.getProjection()),e)}getResolutionForExtentInternal(t,e){e=e||this.getViewportSizeMinusPadding_();const i=Q(t)/e[0],r=Rt(t)/e[1];return Math.max(i,r)}getResolutionForValueFunction(t){t=t||2;const e=this.getConstrainedResolution(this.maxResolution_),r=Math.log(e/this.minResolution_)/Math.log(t);return function(s){return e/Math.pow(t,s*r)}}getRotation(){return this.get(Xt.ROTATION)}getValueForResolutionFunction(t){const e=Math.log(t||2),i=this.getConstrainedResolution(this.maxResolution_),s=Math.log(i/this.minResolution_)/e;return function(o){return Math.log(i/o)/e/s}}getViewportSizeMinusPadding_(t){let e=this.getViewportSize_(t);const i=this.padding_;return i&&(e=[e[0]-i[1]-i[3],e[1]-i[0]-i[2]]),e}getState(){const t=this.getProjection(),e=this.getResolution(),i=this.getRotation();let r=this.getCenterInternal();const s=this.padding_;if(s){const o=this.getViewportSizeMinusPadding_();r=Vi(r,this.getViewportSize_(),[o[0]/2+s[3],o[1]/2+s[0]],e,i)}return{center:r.slice(0),projection:void 0!==t?t:null,resolution:e,nextCenter:this.nextCenter_,nextResolution:this.nextResolution_,nextRotation:this.nextRotation_,rotation:i,zoom:this.getZoom()}}getViewStateAndExtent(){return{viewState:this.getState(),extent:this.calculateExtent()}}getZoom(){let t;const e=this.getResolution();return void 0!==e&&(t=this.getZoomForResolution(e)),t}getZoomForResolution(t){let i,r,e=this.minZoom_||0;if(this.resolutions_){const s=Bt(this.resolutions_,t,1);e=s,i=this.resolutions_[s],r=s==this.resolutions_.length-1?2:i/this.resolutions_[s+1]}else i=this.maxResolution_,r=this.zoomFactor_;return e+Math.log(i/t)/Math.log(r)}getResolutionForZoom(t){if(this.resolutions_){if(this.resolutions_.length<=1)return 0;const e=at(Math.floor(t),0,this.resolutions_.length-2);return this.resolutions_[e]/Math.pow(this.resolutions_[e]/this.resolutions_[e+1],at(t-e,0,1))}return this.maxResolution_/Math.pow(this.zoomFactor_,t-this.minZoom_)}fit(t,e){let i;if(H(Array.isArray(t)||"function"==typeof t.getSimplifiedGeometry,"Invalid extent or geometry provided as `geometry`"),Array.isArray(t))H(!un(t),"Cannot fit empty extent provided as `geometry`"),i=Ss(We(t,this.getProjection()));else if("Circle"===t.getType()){const r=We(t.getExtent(),this.getProjection());i=Ss(r),i.rotate(this.getRotation(),Ze(r))}else{const r=function Va(){return wt}();i=r?t.clone().transform(r,this.getProjection()):t}this.fitInternal(i,e)}rotatedExtentForGeometry(t){const e=this.getRotation(),i=Math.cos(e),r=Math.sin(-e),s=t.getFlatCoordinates(),o=t.getStride();let a=1/0,l=1/0,h=-1/0,c=-1/0;for(let u=0,d=s.length;u=n.maxResolution)return!1;const i=t.zoom;return i>n.minZoom&&i<=n.maxZoom}const Qn=class Ml extends Gr{constructor(t){const e=Object.assign({},t);delete e.source,super(e),this.mapPrecomposeKey_=null,this.mapRenderKey_=null,this.sourceChangeKey_=null,this.renderer_=null,this.sourceReady_=!1,this.rendered=!1,t.render&&(this.render=t.render),t.map&&this.setMap(t.map),this.addChangeListener("source",this.handleSourcePropertyChange_),this.setSource(t.source?t.source:null)}getLayersArray(t){return(t=t||[]).push(this),t}getLayerStatesArray(t){return(t=t||[]).push(this.getLayerState()),t}getSource(){return this.get("source")||null}getRenderSource(){return this.getSource()}getSourceState(){const t=this.getSource();return t?t.getState():"undefined"}handleSourceChange_(){this.changed(),!this.sourceReady_&&"ready"===this.getSource().getState()&&(this.sourceReady_=!0,this.dispatchEvent("sourceready"))}handleSourcePropertyChange_(){this.sourceChangeKey_&&(et(this.sourceChangeKey_),this.sourceChangeKey_=null),this.sourceReady_=!1;const t=this.getSource();t&&(this.sourceChangeKey_=Y(t,"change",this.handleSourceChange_,this),"ready"===t.getState()&&(this.sourceReady_=!0,setTimeout(()=>{this.dispatchEvent("sourceready")},0))),this.changed()}getFeatures(t){return this.renderer_?this.renderer_.getFeatures(t):Promise.resolve([])}getData(t){return this.renderer_&&this.rendered?this.renderer_.getData(t):null}isVisible(t){let e;const i=this.getMapInternal();let r;!t&&i&&(t=i.getView()),e=t instanceof Zt?{viewState:t.getState(),extent:t.calculateExtent()}:t,!e.layerStatesArray&&i&&(e.layerStatesArray=i.getLayerGroup().getLayerStatesArray()),r=e.layerStatesArray?e.layerStatesArray.find(o=>o.layer===this):this.getLayerState();const s=this.getExtent();return Bi(r,e.viewState)&&(!s||cn(s,e.extent))}getAttributions(t){if(!this.isVisible(t))return[];let e;const i=this.getSource();if(i&&(e=i.getAttributions()),!e)return[];let s=e(t instanceof Zt?t.getViewStateAndExtent():t);return Array.isArray(s)||(s=[s]),s}render(t,e){const i=this.getRenderer();return i.prepareFrame(t)?(this.rendered=!0,i.renderFrame(t,e)):null}unrender(){this.rendered=!1}getDeclutter(){}renderDeclutter(t,e){}renderDeferred(t){const e=this.getRenderer();e&&e.renderDeferred(t)}setMapInternal(t){t||this.unrender(),this.set("map",t)}getMapInternal(){return this.get("map")}setMap(t){this.mapPrecomposeKey_&&(et(this.mapPrecomposeKey_),this.mapPrecomposeKey_=null),t||this.changed(),this.mapRenderKey_&&(et(this.mapRenderKey_),this.mapRenderKey_=null),t&&(this.mapPrecomposeKey_=Y(t,"precompose",function(e){const r=e.frameState.layerStatesArray,s=this.getLayerState(!1);H(!r.some(function(o){return o.layer===s.layer}),"A layer can only be added to the map once. Use either `layer.setMap()` or `map.addLayer()`, not both."),r.push(s)},this),this.mapRenderKey_=Y(this,"change",t.render,t),this.changed())}setSource(t){this.set("source",t)}getRenderer(){return this.renderer_||(this.renderer_=this.createRenderer()),this.renderer_}hasRenderer(){return!!this.renderer_}createRenderer(){return null}disposeInternal(){this.renderer_&&(this.renderer_.dispose(),delete this.renderer_),this.setSource(null),super.disposeInternal()}};var xl=ot(1414);const Z_IDLE=0,Z_LOADING=1,Z_LOADED=2,Z_ERROR=3;function Os(n){return n[0]>0&&n[1]>0}function xt(n,t){return Array.isArray(n)?n:(void 0===t?t=[n,n]:(t[0]=n,t[1]=n),t)}class qi{constructor(t){this.opacity_=t.opacity,this.rotateWithView_=t.rotateWithView,this.rotation_=t.rotation,this.scale_=t.scale,this.scaleArray_=xt(t.scale),this.displacement_=t.displacement,this.declutterMode_=t.declutterMode}clone(){const t=this.getScale();return new qi({opacity:this.getOpacity(),scale:Array.isArray(t)?t.slice():t,rotation:this.getRotation(),rotateWithView:this.getRotateWithView(),displacement:this.getDisplacement().slice(),declutterMode:this.getDeclutterMode()})}getOpacity(){return this.opacity_}getRotateWithView(){return this.rotateWithView_}getRotation(){return this.rotation_}getScale(){return this.scale_}getScaleArray(){return this.scaleArray_}getDisplacement(){return this.displacement_}getDeclutterMode(){return this.declutterMode_}getAnchor(){return K()}getImage(t){return K()}getHitDetectionImage(){return K()}getPixelRatio(t){return 1}getImageState(){return K()}getImageSize(){return K()}getOrigin(){return K()}getSize(){return K()}setDisplacement(t){this.displacement_=t}setOpacity(t){this.opacity_=t}setRotateWithView(t){this.rotateWithView_=t}setRotation(t){this.rotation_=t}setScale(t){this.scale_=t,this.scaleArray_=xt(t)}listenImageChange(t){K()}load(){K()}unlistenImageChange(t){K()}ready(){return Promise.resolve()}}const Ds=qi,mn={name:"rgb",min:[0,0,0],max:[255,255,255],channel:["red","green","blue"],alias:["RGB"]};var Oe={name:"xyz",min:[0,0,0],channel:["X","Y","Z"],alias:["XYZ","ciexyz","cie1931"],whitepoint:{2:{A:[109.85,100,35.585],C:[98.074,100,118.232],D50:[96.422,100,82.521],D55:[95.682,100,92.149],D65:[95.045592705167,100,108.9057750759878],D75:[94.972,100,122.638],F2:[99.187,100,67.395],F7:[95.044,100,108.755],F11:[100.966,100,64.37],E:[100,100,100]},10:{A:[111.144,100,35.2],C:[97.285,100,116.145],D50:[96.72,100,81.427],D55:[95.799,100,90.926],D65:[94.811,100,107.304],D75:[94.416,100,120.641],F2:[103.28,100,69.026],F7:[95.792,100,107.687],F11:[103.866,100,65.627],E:[100,100,100]}}};Oe.max=Oe.whitepoint[2].D65,Oe.rgb=function(n,t){var s,o,a,e=n[0]/(t=t||Oe.whitepoint[2].E)[0],i=n[1]/t[1],r=n[2]/t[2];return o=-.96924363628087*e+1.87596750150772*i+.041555057407175*r,a=.055630079696993*e+-.20397695888897*i+1.056971514242878*r,s=(s=3.240969941904521*e+-1.537383177570093*i+-.498610760293*r)>.0031308?1.055*Math.pow(s,1/2.4)-.055:s*=12.92,o=o>.0031308?1.055*Math.pow(o,1/2.4)-.055:o*=12.92,a=a>.0031308?1.055*Math.pow(a,1/2.4)-.055:a*=12.92,[255*(s=Math.min(Math.max(0,s),1)),255*(o=Math.min(Math.max(0,o),1)),255*(a=Math.min(Math.max(0,a),1))]},mn.xyz=function(n,t){var e=n[0]/255,i=n[1]/255,r=n[2]/255;return[(.41239079926595*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.35758433938387*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)+.18048078840183*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92))*(t=t||Oe.whitepoint[2].E)[0],(.21263900587151*e+.71516867876775*i+.072192315360733*r)*t[1],(.019330818715591*e+.11919477979462*i+.95053215224966*r)*t[2]]};const Ut=Oe,Hi={name:"luv",min:[0,-134,-140],max:[100,224,122],channel:["lightness","u","v"],alias:["LUV","cieluv","cie1976"],xyz:function(n,t,e){var i,r,s,h,u,d,f;return 0===(s=n[0])?[0,0,0]:(i=n[1]/(13*s)+4*(u=Ut.whitepoint[e=e||2][t=t||"D65"][0])/(u+15*(d=Ut.whitepoint[e][t][1])+3*(f=Ut.whitepoint[e][t][2]))||0,r=n[2]/(13*s)+9*d/(u+15*d+3*f)||0,[9*(h=s>8?d*Math.pow((s+16)/116,3):d*s*.0011070564598794539)*i/(4*r)||0,h,h*(12-3*i-20*r)/(4*r)||0])}};Ut.luv=function(n,t,e){var i,r,s,l,h,c,u,d,f,g,p;g=4*(u=Ut.whitepoint[e=e||2][t=t||"D65"][0])/(u+15*(d=Ut.whitepoint[e][t][1])+3*(f=Ut.whitepoint[e][t][2])),p=9*d/(u+15*d+3*f),i=4*(l=n[0])/(l+15*(h=n[1])+3*(c=n[2]))||0,r=9*h/(l+15*h+3*c)||0;var w=h/d;return[s=w<=.008856451679035631?903.2962962962961*w:116*Math.pow(w,1/3)-16,13*s*(i-g),13*s*(r-p)]};var Fs={name:"lchuv",channel:["lightness","chroma","hue"],alias:["LCHuv","cielchuv"],min:[0,0,0],max:[100,100,360],luv:function(n){var o,e=n[1];return o=n[2]/360*2*Math.PI,[n[0],e*Math.cos(o),e*Math.sin(o)]},xyz:function(n){return Hi.xyz(Fs.luv(n))}};const bl=Fs;Hi.lchuv=function(n){var t=n[0],e=n[1],i=n[2],r=Math.sqrt(e*e+i*i),o=360*Math.atan2(i,e)/2/Math.PI;return o<0&&(o+=360),[t,r,o]},Ut.lchuv=function(n){return Hi.lchuv(Ut.luv(n))};const Ns={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},Ll=function Pl(n){var t,r,e=[],i=1;if("number"==typeof n)return{space:"rgb",values:[n>>>16,(65280&n)>>>8,255&n],alpha:1};if("number"==typeof n)return{space:"rgb",values:[n>>>16,(65280&n)>>>8,255&n],alpha:1};if(n=String(n).toLowerCase(),Ns[n])e=Ns[n].slice(),r="rgb";else if("transparent"===n)i=0,r="rgb",e=[0,0,0];else if("#"===n[0]){var s=n.slice(1),o=s.length;i=1,o<=4?(e=[parseInt(s[0]+s[0],16),parseInt(s[1]+s[1],16),parseInt(s[2]+s[2],16)],4===o&&(i=parseInt(s[3]+s[3],16)/255)):(e=[parseInt(s[0]+s[1],16),parseInt(s[2]+s[3],16),parseInt(s[4]+s[5],16)],8===o&&(i=parseInt(s[6]+s[7],16)/255)),e[0]||(e[0]=0),e[1]||(e[1]=0),e[2]||(e[2]=0),r="rgb"}else if(t=/^((?:rgba?|hs[lvb]a?|hwba?|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms|oklch|oklab|color))\s*\(([^\)]*)\)/.exec(n)){var h="cmyk"===(r=t[1].replace(/a$/,""))?4:"gray"===r?1:3;e=t[2].trim().split(/\s*[,\/]\s*|\s+/),"color"===r&&(r=e.shift()),i=(e=e.map(function(c,u){if("%"===c[c.length-1])return c=parseFloat(c)/100,3===u?c:"rgb"===r?255*c:"h"===r[0]||"l"===r[0]&&!u?100*c:"lab"===r?125*c:"lch"===r?u<2?150*c:360*c:"o"!==r[0]||u?"oklab"===r?.4*c:"oklch"===r?u<2?.4*c:360*c:c:c;if("h"===r[u]||2===u&&"h"===r[r.length-1]){if(void 0!==ks[c])return ks[c];if(c.endsWith("deg"))return parseFloat(c);if(c.endsWith("turn"))return 360*parseFloat(c);if(c.endsWith("grad"))return 360*parseFloat(c)/400;if(c.endsWith("rad"))return 180*parseFloat(c)/Math.PI}return"none"===c?0:parseFloat(c)})).length>h?e.pop():1}else/[0-9](?:\s|\/|,)/.test(n)&&(e=n.match(/([0-9]+)/g).map(function(c){return parseFloat(c)}),r=n.match(/([a-z])/gi)?.join("")?.toLowerCase()||"rgb");return{space:r,values:e,alpha:i}};var ks={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};const $i={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(n){var r,s,o,a,l,t=n[0]/360,e=n[1]/100,i=n[2]/100,h=0;if(0===e)return[l=255*i,l,l];for(r=2*i-(s=i<.5?i*(1+e):i+e-i*e),a=[0,0,0];h<3;)(o=t+1/3*-(h-1))<0?o++:o>1&&o--,a[h++]=255*(l=6*o<1?r+6*(s-r)*o:2*o<1?s:3*o<2?r+(s-r)*(2/3-o)*6:r);return a}};mn.hsl=function(n){var a,h,t=n[0]/255,e=n[1]/255,i=n[2]/255,r=Math.min(t,e,i),s=Math.max(t,e,i),o=s-r;return s===r?a=0:t===s?a=(e-i)/o:e===s?a=2+(i-t)/o:i===s&&(a=4+(t-e)/o),(a=Math.min(60*a,360))<0&&(a+=360),h=(r+s)/2,[a,100*(s===r?0:h<=.5?o/(s+r):o/(2-s-r)),100*h]};const Dl=1024,pn={};let Ji=0;function Fl(n){if(4===n.length)return n;const t=n.slice();return t[3]=1,t}function zs(n){const t=Ut.lchuv(mn.xyz(n));return t[3]=n[3],t}function Qi(n){if(pn.hasOwnProperty(n))return pn[n];if(Ji>=Dl){let e=0;for(const i in pn)3&e++||(delete pn[i],--Ji)}const t=function Sl(n){Array.isArray(n)&&n.raw&&(n=String.raw(...arguments)),n instanceof Number&&(n=+n);var t,r=Ll(n);if(!r.space)return[];const s="h"===r.space[0]?$i.min:mn.min,o="h"===r.space[0]?$i.max:mn.max;return(t=Array(3))[0]=Math.min(Math.max(r.values[0],s[0]),o[0]),t[1]=Math.min(Math.max(r.values[1],s[1]),o[1]),t[2]=Math.min(Math.max(r.values[2],s[2]),o[2]),"h"===r.space[0]&&(t=$i.rgb(t)),t.push(Math.min(Math.max(r.alpha,0),1)),t}(n);if(4!==t.length)throw new Error('Failed to parse "'+n+'" as color');for(const e of t)if(isNaN(e))throw new Error('Failed to parse "'+n+'" as color');return Gs(t),pn[n]=t,++Ji,t}function yn(n){return Array.isArray(n)?n:Qi(n)}function Gs(n){return n[0]=at(n[0]+.5|0,0,255),n[1]=at(n[1]+.5|0,0,255),n[2]=at(n[2]+.5|0,0,255),n[3]=at(n[3],0,1),n}function tr(n){let t=n[0];t!=(0|t)&&(t=t+.5|0);let e=n[1];e!=(0|e)&&(e=e+.5|0);let i=n[2];return i!=(0|i)&&(i=i+.5|0),"rgba("+t+","+e+","+i+","+(void 0===n[3]?1:Math.round(1e3*n[3])/1e3)+")"}const fe=typeof navigator<"u"&&typeof navigator.userAgent<"u"?navigator.userAgent.toLowerCase():"",zl=fe.includes("firefox"),Gl=(fe.includes("safari")&&!fe.includes("chrom")&&(fe.includes("version/15.4")||/cpu (os|iphone os) 15_4 like mac os x/.test(fe)),fe.includes("webkit")&&!fe.includes("edge")),Xs=fe.includes("macintosh"),Ys=typeof devicePixelRatio<"u"?devicePixelRatio:1,Zs=typeof WorkerGlobalScope<"u"&&typeof OffscreenCanvas<"u"&&self instanceof WorkerGlobalScope,Us=typeof Image<"u"&&Image.prototype.decode,js=function(){let n=!1;try{const t=Object.defineProperty({},"passive",{get:function(){n=!0}});window.addEventListener("_",null,t),window.removeEventListener("_",null,t)}catch{}return n}();function At(n,t,e,i){let r;return r=e&&e.length?e.shift():Zs?new OffscreenCanvas(n||300,t||300):document.createElement("canvas"),n&&(r.width=n),t&&(r.height=t),r.getContext("2d",i)}let er;function ti(){return er||(er=At(1,1)),er}function nr(n){const t=n.canvas;t.width=1,t.height=1,n.clearRect(0,0,1,1)}function Ws(n,t){const e=t.parentNode;e&&e.replaceChild(n,t)}function ir(n){return n&&n.parentNode?n.parentNode.removeChild(n):null}function rr(n,t,e){return t+":"+n+":"+(e?yn(e):"null")}const $t=new class jl{constructor(){this.cache_={},this.patternCache_={},this.cacheSize_=0,this.maxCacheSize_=32}clear(){this.cache_={},this.patternCache_={},this.cacheSize_=0}canExpireCache(){return this.cacheSize_>this.maxCacheSize_}expire(){if(this.canExpireCache()){let t=0;for(const e in this.cache_)!(3&t++)&&!this.cache_[e].hasListener()&&(delete this.cache_[e],delete this.patternCache_[e],--this.cacheSize_)}}get(t,e,i){const r=rr(t,e,i);return r in this.cache_?this.cache_[r]:null}getPattern(t,e,i){const r=rr(t,e,i);return r in this.patternCache_?this.patternCache_[r]:null}set(t,e,i,r,s){const o=rr(t,e,i),a=o in this.cache_;this.cache_[o]=r,s&&(r.getImageState()===Z_IDLE&&r.load(),r.getImageState()===Z_LOADING?r.ready().then(()=>{this.patternCache_[o]=ti().createPattern(r.getImage(1),"repeat")}):this.patternCache_[o]=ti().createPattern(r.getImage(1),"repeat")),a||++this.cacheSize_}setSize(t){this.maxCacheSize_=t,this.expire()}};let En=null;class Wl extends qt{constructor(t,e,i,r,s){super(),this.hitDetectionImage_=null,this.image_=t,this.crossOrigin_=i,this.canvas_={},this.color_=s,this.imageState_=void 0===r?Z_IDLE:r,this.size_=t&&t.width&&t.height?[t.width,t.height]:null,this.src_=e,this.ready_=null}initializeImage_(){this.image_=new Image,null!==this.crossOrigin_&&(this.image_.crossOrigin=this.crossOrigin_)}isTainted_(){if(void 0===this.tainted_&&this.imageState_===Z_LOADED){En||(En=At(1,1,void 0,{willReadFrequently:!0})),En.drawImage(this.image_,0,0);try{En.getImageData(0,0,1,1),this.tainted_=!1}catch{En=null,this.tainted_=!0}}return!0===this.tainted_}dispatchChangeEvent_(){this.dispatchEvent("change")}handleImageError_(){this.imageState_=Z_ERROR,this.dispatchChangeEvent_()}handleImageLoad_(){this.imageState_=Z_LOADED,this.size_=[this.image_.width,this.image_.height],this.dispatchChangeEvent_()}getImage(t){return this.image_||this.initializeImage_(),this.replaceColor_(t),this.canvas_[t]?this.canvas_[t]:this.image_}getPixelRatio(t){return this.replaceColor_(t),this.canvas_[t]?t:1}getImageState(){return this.imageState_}getHitDetectionImage(){if(this.image_||this.initializeImage_(),!this.hitDetectionImage_)if(this.isTainted_()){const t=this.size_[0],e=this.size_[1],i=At(t,e);i.fillRect(0,0,t,e),this.hitDetectionImage_=i.canvas}else this.hitDetectionImage_=this.image_;return this.hitDetectionImage_}getSize(){return this.size_}getSrc(){return this.src_}load(){if(this.imageState_===Z_IDLE){this.image_||this.initializeImage_(),this.imageState_=Z_LOADING;try{void 0!==this.src_&&(this.image_.src=this.src_)}catch{this.handleImageError_()}this.image_ instanceof HTMLImageElement&&function Ks(n,t){return t&&(n.src=t),n.src&&Us?new Promise((e,i)=>n.decode().then(()=>e(n)).catch(r=>n.complete&&n.width?e(n):i(r))):function Ul(n,t){return new Promise((e,i)=>{function r(){o(),e(n)}function s(){o(),i(new Error("Image load error"))}function o(){n.removeEventListener("load",r),n.removeEventListener("error",s)}n.addEventListener("load",r),n.addEventListener("error",s),t&&(n.src=t)})}(n)}(this.image_,this.src_).then(t=>{this.image_=t,this.handleImageLoad_()}).catch(this.handleImageError_.bind(this))}}replaceColor_(t){if(!this.color_||this.canvas_[t]||this.imageState_!==Z_LOADED)return;const e=this.image_,i=document.createElement("canvas");i.width=Math.ceil(e.width*t),i.height=Math.ceil(e.height*t);const r=i.getContext("2d");r.scale(t,t),r.drawImage(e,0,0),r.globalCompositeOperation="multiply",r.fillStyle=function Ol(n){return"string"==typeof n?n:tr(n)}(this.color_),r.fillRect(0,0,i.width/t,i.height/t),r.globalCompositeOperation="destination-in",r.drawImage(e,0,0),this.canvas_[t]=i}ready(){return this.ready_||(this.ready_=new Promise(t=>{this.imageState_===Z_LOADED||this.imageState_===Z_ERROR?t():this.addEventListener("change",function e(){(this.imageState_===Z_LOADED||this.imageState_===Z_ERROR)&&(this.removeEventListener("change",e),t())})})),this.ready_}}function sr(n,t,e,i,r,s){let o=void 0===t?void 0:$t.get(t,e,r);return o||(o=new Wl(n,n&&"src"in n?n.src||void 0:t,e,i,r),$t.set(t,e,r,o,s)),s&&o&&!$t.getPattern(t,e,r)&&$t.set(t,e,r,o,s),o}function Vs(n){return n?Array.isArray(n)?tr(n):"object"==typeof n&&"src"in n?function Kl(n){if(!n.offset||!n.size)return $t.getPattern(n.src,"anonymous",n.color);const t=n.src+":"+n.offset,e=$t.getPattern(t,void 0,n.color);if(e)return e;const i=$t.get(n.src,"anonymous",null);if(i.getImageState()!==Z_LOADED)return null;const r=At(n.size[0],n.size[1]);return r.drawImage(i.getImage(1),n.offset[0],n.offset[1],n.size[0],n.size[1],0,0,n.size[0],n.size[1]),sr(r.canvas,t,void 0,Z_LOADED,n.color,!0),$t.getPattern(t,void 0,n.color)}(n):n:null}const ei="ol-hidden",ni="ol-unselectable",or="ol-control",Bs="ol-collapsed",ae=(new RegExp(["^\\s*(?=(?:(?:[-a-z]+\\s*){0,2}(italic|oblique))?)","(?=(?:(?:[-a-z]+\\s*){0,2}(small-caps))?)","(?=(?:(?:[-a-z]+\\s*){0,2}(bold(?:er)?|lighter|[1-9]00 ))?)","(?:(?:normal|\\1|\\2|\\3)\\s*){0,3}((?:xx?-)?","(?:small|large)|medium|smaller|larger|[\\.\\d]+(?:\\%|in|[cem]m|ex|p[ctx]))","(?:\\s*\\/\\s*(normal|[\\.\\d]+(?:\\%|in|[cem]m|ex|p[ctx])?))","?\\s*([-,\\\"\\'\\sa-z]+?)\\s*$"].join(""),"i"),new re);class hr extends Ds{constructor(t){super({opacity:1,rotateWithView:void 0!==t.rotateWithView&&t.rotateWithView,rotation:void 0!==t.rotation?t.rotation:0,scale:void 0!==t.scale?t.scale:1,displacement:void 0!==t.displacement?t.displacement:[0,0],declutterMode:t.declutterMode}),this.hitDetectionCanvas_=null,this.fill_=void 0!==t.fill?t.fill:null,this.origin_=[0,0],this.points_=t.points,this.radius_=t.radius,this.radius2_=t.radius2,this.angle_=void 0!==t.angle?t.angle:0,this.stroke_=void 0!==t.stroke?t.stroke:null,this.imageState_=this.fill_&&this.fill_.loading()?Z_LOADING:Z_LOADED,this.imageState_===Z_LOADING&&this.ready().then(()=>this.imageState_=Z_LOADED),this.render()}clone(){const t=this.getScale(),e=new hr({fill:this.getFill()?this.getFill().clone():void 0,points:this.getPoints(),radius:this.getRadius(),radius2:this.getRadius2(),angle:this.getAngle(),stroke:this.getStroke()?this.getStroke().clone():void 0,rotation:this.getRotation(),rotateWithView:this.getRotateWithView(),scale:Array.isArray(t)?t.slice():t,displacement:this.getDisplacement().slice(),declutterMode:this.getDeclutterMode()});return e.setOpacity(this.getOpacity()),e}getAnchor(){const t=this.size_,e=this.getDisplacement(),i=this.getScaleArray();return[t[0]/2-e[0]/i[0],t[1]/2+e[1]/i[1]]}getAngle(){return this.angle_}getFill(){return this.fill_}setFill(t){this.fill_=t,this.render()}getHitDetectionImage(){return this.hitDetectionCanvas_||(this.hitDetectionCanvas_=this.createHitDetectionCanvas_(this.renderOptions_)),this.hitDetectionCanvas_}getImage(t){let e=this.canvases_[t];if(!e){const i=this.renderOptions_,r=At(i.size*t,i.size*t);this.draw_(i,r,t),e=r.canvas,this.canvases_[t]=e}return e}getPixelRatio(t){return t}getImageSize(){return this.size_}getImageState(){return this.imageState_}getOrigin(){return this.origin_}getPoints(){return this.points_}getRadius(){return this.radius_}getRadius2(){return this.radius2_}getSize(){return this.size_}getStroke(){return this.stroke_}setStroke(t){this.stroke_=t,this.render()}listenImageChange(t){}load(){}unlistenImageChange(t){}calculateLineJoinSize_(t,e,i){if(0===e||this.points_===1/0||"bevel"!==t&&"miter"!==t)return e;let r=this.radius_,s=void 0===this.radius2_?r:this.radius2_;if(r{this.patternImage_=null}),e.getImageState()===Z_IDLE&&e.load(),e.getImageState()===Z_LOADING&&(this.patternImage_=e)}this.color_=t}loading(){return!!this.patternImage_}ready(){return this.patternImage_?this.patternImage_.ready():Promise.resolve()}}const dr=ur;class fr{constructor(t){this.color_=void 0!==(t=t||{}).color?t.color:null,this.lineCap_=t.lineCap,this.lineDash_=void 0!==t.lineDash?t.lineDash:null,this.lineDashOffset_=t.lineDashOffset,this.lineJoin_=t.lineJoin,this.miterLimit_=t.miterLimit,this.width_=t.width}clone(){const t=this.getColor();return new fr({color:Array.isArray(t)?t.slice():t||void 0,lineCap:this.getLineCap(),lineDash:this.getLineDash()?this.getLineDash().slice():void 0,lineDashOffset:this.getLineDashOffset(),lineJoin:this.getLineJoin(),miterLimit:this.getMiterLimit(),width:this.getWidth()})}getColor(){return this.color_}getLineCap(){return this.lineCap_}getLineDash(){return this.lineDash_}getLineDashOffset(){return this.lineDashOffset_}getLineJoin(){return this.lineJoin_}getMiterLimit(){return this.miterLimit_}getWidth(){return this.width_}setColor(t){this.color_=t}setLineCap(t){this.lineCap_=t}setLineDash(t){this.lineDash_=t}setLineDashOffset(t){this.lineDashOffset_=t}setLineJoin(t){this.lineJoin_=t}setMiterLimit(t){this.miterLimit_=t}setWidth(t){this.width_=t}}const io=fr;class ge{constructor(t){t=t||{},this.geometry_=null,this.geometryFunction_=so,void 0!==t.geometry&&this.setGeometry(t.geometry),this.fill_=void 0!==t.fill?t.fill:null,this.image_=void 0!==t.image?t.image:null,this.renderer_=void 0!==t.renderer?t.renderer:null,this.hitDetectionRenderer_=void 0!==t.hitDetectionRenderer?t.hitDetectionRenderer:null,this.stroke_=void 0!==t.stroke?t.stroke:null,this.text_=void 0!==t.text?t.text:null,this.zIndex_=t.zIndex}clone(){let t=this.getGeometry();return t&&"object"==typeof t&&(t=t.clone()),new ge({geometry:t??void 0,fill:this.getFill()?this.getFill().clone():void 0,image:this.getImage()?this.getImage().clone():void 0,renderer:this.getRenderer()??void 0,stroke:this.getStroke()?this.getStroke().clone():void 0,text:this.getText()?this.getText().clone():void 0,zIndex:this.getZIndex()})}getRenderer(){return this.renderer_}setRenderer(t){this.renderer_=t}setHitDetectionRenderer(t){this.hitDetectionRenderer_=t}getHitDetectionRenderer(){return this.hitDetectionRenderer_}getGeometry(){return this.geometry_}getGeometryFunction(){return this.geometryFunction_}getFill(){return this.fill_}setFill(t){this.fill_=t}getImage(){return this.image_}setImage(t){this.image_=t}getStroke(){return this.stroke_}setStroke(t){this.stroke_=t}getText(){return this.text_}setText(t){this.text_=t}getZIndex(){return this.zIndex_}setGeometry(t){"function"==typeof t?this.geometryFunction_=t:"string"==typeof t?this.geometryFunction_=function(e){return e.get(t)}:t?void 0!==t&&(this.geometryFunction_=function(){return t}):this.geometryFunction_=so,this.geometry_=t}setZIndex(t){this.zIndex_=t}}let gr=null;function ro(n,t){if(!gr){const e=new dr({color:"rgba(255,255,255,0.4)"}),i=new io({color:"#3399CC",width:1.25});gr=[new ge({image:new no({fill:e,stroke:i,radius:5}),fill:e,stroke:i})]}return gr}function so(n){return n.getGeometry()}const ri=ge;function oo(n,t,e,i){return void 0!==e&&void 0!==i?[e/n,i/t]:void 0!==e?e/n:void 0!==i?i/t:1}class _r extends Ds{constructor(t){super({opacity:void 0!==(t=t||{}).opacity?t.opacity:1,rotation:void 0!==t.rotation?t.rotation:0,scale:void 0!==t.scale?t.scale:1,displacement:void 0!==t.displacement?t.displacement:[0,0],rotateWithView:void 0!==t.rotateWithView&&t.rotateWithView,declutterMode:t.declutterMode}),this.anchor_=void 0!==t.anchor?t.anchor:[.5,.5],this.normalizedAnchor_=null,this.anchorOrigin_=void 0!==t.anchorOrigin?t.anchorOrigin:"top-left",this.anchorXUnits_=void 0!==t.anchorXUnits?t.anchorXUnits:"fraction",this.anchorYUnits_=void 0!==t.anchorYUnits?t.anchorYUnits:"fraction",this.crossOrigin_=void 0!==t.crossOrigin?t.crossOrigin:null;const o=void 0!==t.img?t.img:null;let l,a=t.src;if(H(!(void 0!==a&&o),"`image` and `src` cannot be provided at the same time"),(void 0===a||0===a.length)&&o&&(a=o.src||vt(o)),H(void 0!==a&&a.length>0,"A defined and non-empty `src` or `image` must be provided"),H(!((void 0!==t.width||void 0!==t.height)&&void 0!==t.scale),"`width` or `height` cannot be provided together with `scale`"),void 0!==t.src?l=Z_IDLE:void 0!==o&&(l="complete"in o?o.complete?o.src?Z_LOADED:Z_IDLE:Z_LOADING:Z_LOADED),this.color_=void 0!==t.color?yn(t.color):null,this.iconImage_=sr(o,a,this.crossOrigin_,l,this.color_),this.offset_=void 0!==t.offset?t.offset:[0,0],this.offsetOrigin_=void 0!==t.offsetOrigin?t.offsetOrigin:"top-left",this.origin_=null,this.size_=void 0!==t.size?t.size:null,void 0!==t.width||void 0!==t.height){let h,c;if(t.size)[h,c]=t.size;else{const u=this.getImage(1);if(u.width&&u.height)h=u.width,c=u.height;else if(u instanceof HTMLImageElement){this.initialOptions_=t;const d=()=>{if(this.unlistenImageChange(d),!this.initialOptions_)return;const f=this.iconImage_.getSize();this.setScale(oo(f[0],f[1],t.width,t.height))};return void this.listenImageChange(d)}}void 0!==h&&this.setScale(oo(h,c,t.width,t.height))}}clone(){let t,e,i;return this.initialOptions_?(e=this.initialOptions_.width,i=this.initialOptions_.height):(t=this.getScale(),t=Array.isArray(t)?t.slice():t),new _r({anchor:this.anchor_.slice(),anchorOrigin:this.anchorOrigin_,anchorXUnits:this.anchorXUnits_,anchorYUnits:this.anchorYUnits_,color:this.color_&&this.color_.slice?this.color_.slice():this.color_||void 0,crossOrigin:this.crossOrigin_,offset:this.offset_.slice(),offsetOrigin:this.offsetOrigin_,opacity:this.getOpacity(),rotateWithView:this.getRotateWithView(),rotation:this.getRotation(),scale:t,width:e,height:i,size:null!==this.size_?this.size_.slice():void 0,src:this.getSrc(),displacement:this.getDisplacement().slice(),declutterMode:this.getDeclutterMode()})}getAnchor(){let t=this.normalizedAnchor_;if(!t){t=this.anchor_;const r=this.getSize();if("fraction"==this.anchorXUnits_||"fraction"==this.anchorYUnits_){if(!r)return null;t=this.anchor_.slice(),"fraction"==this.anchorXUnits_&&(t[0]*=r[0]),"fraction"==this.anchorYUnits_&&(t[1]*=r[1])}if("top-left"!=this.anchorOrigin_){if(!r)return null;t===this.anchor_&&(t=this.anchor_.slice()),("top-right"==this.anchorOrigin_||"bottom-right"==this.anchorOrigin_)&&(t[0]=-t[0]+r[0]),("bottom-left"==this.anchorOrigin_||"bottom-right"==this.anchorOrigin_)&&(t[1]=-t[1]+r[1])}this.normalizedAnchor_=t}const e=this.getDisplacement(),i=this.getScaleArray();return[t[0]-e[0]/i[0],t[1]+e[1]/i[1]]}setAnchor(t){this.anchor_=t,this.normalizedAnchor_=null}getColor(){return this.color_}getImage(t){return this.iconImage_.getImage(t)}getPixelRatio(t){return this.iconImage_.getPixelRatio(t)}getImageSize(){return this.iconImage_.getSize()}getImageState(){return this.iconImage_.getImageState()}getHitDetectionImage(){return this.iconImage_.getHitDetectionImage()}getOrigin(){if(this.origin_)return this.origin_;let t=this.offset_;if("top-left"!=this.offsetOrigin_){const e=this.getSize(),i=this.iconImage_.getSize();if(!e||!i)return null;t=t.slice(),("top-right"==this.offsetOrigin_||"bottom-right"==this.offsetOrigin_)&&(t[0]=i[0]-e[0]-t[0]),("bottom-left"==this.offsetOrigin_||"bottom-right"==this.offsetOrigin_)&&(t[1]=i[1]-e[1]-t[1])}return this.origin_=t,this.origin_}getSrc(){return this.iconImage_.getSrc()}getSize(){return this.size_?this.size_:this.iconImage_.getSize()}getWidth(){const t=this.getScaleArray();return this.size_?this.size_[0]*t[0]:this.iconImage_.getImageState()==Z_LOADED?this.iconImage_.getSize()[0]*t[0]:void 0}getHeight(){const t=this.getScaleArray();return this.size_?this.size_[1]*t[1]:this.iconImage_.getImageState()==Z_LOADED?this.iconImage_.getSize()[1]*t[1]:void 0}setScale(t){delete this.initialOptions_,super.setScale(t)}listenImageChange(t){this.iconImage_.addEventListener("change",t)}load(){this.iconImage_.load()}unlistenImageChange(t){this.iconImage_.removeEventListener("change",t)}ready(){return this.iconImage_.ready()}}const th=_r;class mr{constructor(t){this.font_=(t=t||{}).font,this.rotation_=t.rotation,this.rotateWithView_=t.rotateWithView,this.scale_=t.scale,this.scaleArray_=xt(void 0!==t.scale?t.scale:1),this.text_=t.text,this.textAlign_=t.textAlign,this.justify_=t.justify,this.repeat_=t.repeat,this.textBaseline_=t.textBaseline,this.fill_=void 0!==t.fill?t.fill:new dr({color:"#333"}),this.maxAngle_=void 0!==t.maxAngle?t.maxAngle:Math.PI/4,this.placement_=void 0!==t.placement?t.placement:"point",this.overflow_=!!t.overflow,this.stroke_=void 0!==t.stroke?t.stroke:null,this.offsetX_=void 0!==t.offsetX?t.offsetX:0,this.offsetY_=void 0!==t.offsetY?t.offsetY:0,this.backgroundFill_=t.backgroundFill?t.backgroundFill:null,this.backgroundStroke_=t.backgroundStroke?t.backgroundStroke:null,this.padding_=void 0===t.padding?null:t.padding,this.declutterMode_=t.declutterMode}clone(){const t=this.getScale();return new mr({font:this.getFont(),placement:this.getPlacement(),repeat:this.getRepeat(),maxAngle:this.getMaxAngle(),overflow:this.getOverflow(),rotation:this.getRotation(),rotateWithView:this.getRotateWithView(),scale:Array.isArray(t)?t.slice():t,text:this.getText(),textAlign:this.getTextAlign(),justify:this.getJustify(),textBaseline:this.getTextBaseline(),fill:this.getFill()?this.getFill().clone():void 0,stroke:this.getStroke()?this.getStroke().clone():void 0,offsetX:this.getOffsetX(),offsetY:this.getOffsetY(),backgroundFill:this.getBackgroundFill()?this.getBackgroundFill().clone():void 0,backgroundStroke:this.getBackgroundStroke()?this.getBackgroundStroke().clone():void 0,padding:this.getPadding()||void 0,declutterMode:this.getDeclutterMode()})}getOverflow(){return this.overflow_}getFont(){return this.font_}getMaxAngle(){return this.maxAngle_}getPlacement(){return this.placement_}getRepeat(){return this.repeat_}getOffsetX(){return this.offsetX_}getOffsetY(){return this.offsetY_}getFill(){return this.fill_}getRotateWithView(){return this.rotateWithView_}getRotation(){return this.rotation_}getScale(){return this.scale_}getScaleArray(){return this.scaleArray_}getStroke(){return this.stroke_}getText(){return this.text_}getTextAlign(){return this.textAlign_}getJustify(){return this.justify_}getTextBaseline(){return this.textBaseline_}getBackgroundFill(){return this.backgroundFill_}getBackgroundStroke(){return this.backgroundStroke_}getPadding(){return this.padding_}getDeclutterMode(){return this.declutterMode_}setOverflow(t){this.overflow_=t}setFont(t){this.font_=t}setMaxAngle(t){this.maxAngle_=t}setOffsetX(t){this.offsetX_=t}setOffsetY(t){this.offsetY_=t}setPlacement(t){this.placement_=t}setRepeat(t){this.repeat_=t}setRotateWithView(t){this.rotateWithView_=t}setFill(t){this.fill_=t}setRotation(t){this.rotation_=t}setScale(t){this.scale_=t,this.scaleArray_=xt(void 0!==t?t:1)}setStroke(t){this.stroke_=t}setText(t){this.text_=t}setTextAlign(t){this.textAlign_=t}setJustify(t){this.justify_=t}setTextBaseline(t){this.textBaseline_=t}setBackgroundFill(t){this.backgroundFill_=t}setBackgroundStroke(t){this.backgroundStroke_=t}setPadding(t){this.padding_=t}}const nh=mr;let De=0;const He=0,nt=1<",GreaterThanOrEqualTo:">=",LessThan:"<",LessThanOrEqualTo:"<=",Multiply:"*",Divide:"/",Add:"+",Subtract:"-",Clamp:"clamp",Mod:"%",Pow:"^",Abs:"abs",Floor:"floor",Ceil:"ceil",Round:"round",Sin:"sin",Cos:"cos",Atan:"atan",Sqrt:"sqrt",Match:"match",Between:"between",Interpolate:"interpolate",Coalesce:"coalesce",Case:"case",In:"in",Number:"number",String:"string",Array:"array",Color:"color",Id:"id",Band:"band",Palette:"palette",ToString:"to-string"},ah={[y.Get]:k(([n,t])=>void 0!==t?function oh(n){switch(n){case"string":return bt;case"color":return lt;case"number":return L;case"boolean":return nt;case"number[]":return Jt;default:throw new Error(`Unrecognized type hint: ${n}`)}}(t.value):gt,X(1,2),function lh(n,t){const e=B(n[1],t);if(!(e instanceof _e))throw new Error("Expected a literal argument for get operation");if("string"!=typeof e.value)throw new Error("Expected a string argument for get operation");return t.properties.add(e.value),3===n.length?[e,B(n[2],t)]:[e]}),[y.Var]:k(([n])=>n.type,X(1,1),function hh(n,t,e,i){const r=n[1];if("string"!=typeof r)throw new Error("Expected a string argument for var operation");if(t.variables.add(r),!("variables"in t.style)||void 0===t.style.variables[r])return[new _e(gt,r)];const o=B(t.style.variables[r],t);if(o.value=r,i&&!Qt(i,o.type))throw new Error(`The variable ${r} has type ${_t(o.type)} but the following type was expected: ${_t(i)}`);return[o]}),[y.Id]:k(L|bt,wn,function ch(n,t){t.featureId=!0}),[y.Concat]:k(bt,X(2,1/0),W(gt)),[y.GeometryType]:k(bt,wn,function uh(n,t){t.geometryType=!0}),[y.Resolution]:k(L,wn),[y.Zoom]:k(L,wn),[y.Time]:k(L,wn),[y.Any]:k(nt,X(2,1/0),W(nt)),[y.All]:k(nt,X(2,1/0),W(nt)),[y.Not]:k(nt,X(1,1),W(nt)),[y.Equal]:k(nt,X(2,2),W(gt),me),[y.NotEqual]:k(nt,X(2,2),W(gt),me),[y.GreaterThan]:k(nt,X(2,2),W(gt),me),[y.GreaterThanOrEqualTo]:k(nt,X(2,2),W(gt),me),[y.LessThan]:k(nt,X(2,2),W(gt),me),[y.LessThanOrEqualTo]:k(nt,X(2,2),W(gt),me),[y.Multiply]:k(n=>{let t=L|lt;for(let e=0;e{let t=gt;for(let e=1;e{let t=gt;for(let e=2;e{let t=lt|L;for(let e=3;e{let t=gt;for(let e=1;e2===n.length?Jt|vn:3===n.length||4===n.length?Jt|lt:Jt,X(1,1/0),W(L)),[y.Color]:k(lt,X(1,4),W(L)),[y.Band]:k(L,X(1,3),W(L)),[y.Palette]:k(lt,X(2,2),function ph(n,t){const e=B(n[1],t,L);if(e.type!==L)throw new Error(`The first argument of palette must be an number, got ${_t(e.type)} instead`);const i=n[2];if(!Array.isArray(i))throw new Error("The second argument of palette must be an array");const r=new Array(i.length);for(let s=0;st)throw new Error(`Expected ${t===1/0?`${n} or more`:`${n} to ${t}`} arguments for ${r}, got ${s}`)}}function W(n){return function(t,e){const i=t[0],r=t.length-1,s=new Array(r);for(let o=0;o{for(let o=0;o{for(let o=0;or.properties[i];case y.Var:return r=>r.variables[i];default:throw new Error(`Unsupported accessor operator ${n.operator}`)}}(n);case y.Id:return i=>i.featureId;case y.GeometryType:return i=>i.geometryType;case y.Concat:{const i=n.args.map(r=>jt(r,t));return r=>"".concat(...i.map(s=>s(r).toString()))}case y.Resolution:return i=>i.resolution;case y.Any:case y.All:case y.Between:case y.In:case y.Not:return function Ch(n,t){const e=n.operator,i=n.args.length,r=new Array(i);for(let s=0;s{for(let o=0;o{for(let o=0;o{const o=r[0](s),a=r[1](s),l=r[2](s);return o>=a&&o<=l};case y.In:return s=>{const o=r[0](s);for(let a=1;a!r[0](s);default:throw new Error(`Unsupported logical operator ${e}`)}}(n,t);case y.Equal:case y.NotEqual:case y.LessThan:case y.LessThanOrEqualTo:case y.GreaterThan:case y.GreaterThanOrEqualTo:return function wh(n,t){const e=n.operator,i=jt(n.args[0],t),r=jt(n.args[1],t);switch(e){case y.Equal:return s=>i(s)===r(s);case y.NotEqual:return s=>i(s)!==r(s);case y.LessThan:return s=>i(s)i(s)<=r(s);case y.GreaterThan:return s=>i(s)>r(s);case y.GreaterThanOrEqualTo:return s=>i(s)>=r(s);default:throw new Error(`Unsupported comparison operator ${e}`)}}(n,t);case y.Multiply:case y.Divide:case y.Add:case y.Subtract:case y.Clamp:case y.Mod:case y.Pow:case y.Abs:case y.Floor:case y.Ceil:case y.Round:case y.Sin:case y.Cos:case y.Atan:case y.Sqrt:return function Th(n,t){const e=n.operator,i=n.args.length,r=new Array(i);for(let s=0;s{let o=1;for(let a=0;ar[0](s)/r[1](s);case y.Add:return s=>{let o=0;for(let a=0;ar[0](s)-r[1](s);case y.Clamp:return s=>{const o=r[0](s),a=r[1](s);if(ol?l:o};case y.Mod:return s=>r[0](s)%r[1](s);case y.Pow:return s=>Math.pow(r[0](s),r[1](s));case y.Abs:return s=>Math.abs(r[0](s));case y.Floor:return s=>Math.floor(r[0](s));case y.Ceil:return s=>Math.ceil(r[0](s));case y.Round:return s=>Math.round(r[0](s));case y.Sin:return s=>Math.sin(r[0](s));case y.Cos:return s=>Math.cos(r[0](s));case y.Atan:return 2===i?s=>Math.atan2(r[0](s),r[1](s)):s=>Math.atan(r[0](s));case y.Sqrt:return s=>Math.sqrt(r[0](s));default:throw new Error(`Unsupported numeric operator ${e}`)}}(n,t);case y.Case:return function Rh(n,t){const e=n.args.length,i=new Array(e);for(let r=0;r{for(let s=0;s{const s=i[0](r);for(let o=1;o{const s=i[0](r),o=i[1](r);let a,l;for(let h=2;h=o)return 2===h?u:d?Ah(s,o,a,l,c,u):Cn(s,o,a,l,c,u);a=c,l=u}return l}}(n,t);case y.ToString:return function xh(n,t){const e=n.operator,i=n.args.length,r=new Array(i);for(let s=0;s{const o=r[0](s);return n.args[0].type===lt?tr(o):o.toString()};throw new Error(`Unsupported convert operator ${e}`)}(n,t);default:throw new Error(`Unsupported operator ${e}`)}}function Cn(n,t,e,i,r,s){const o=r-e;if(0===o)return i;const a=t-e;return i+(1===n?a/o:(Math.pow(n,a)-1)/(Math.pow(n,o)-1))*(s-i)}function Ah(n,t,e,i,r,s){if(r-e==0)return i;const a=zs(i),l=zs(s);let h=l[2]-a[2];return h>180?h-=360:h<-180&&(h+=360),Gs(function Nl(n){const t=Ut.rgb(bl.xyz(n));return t[3]=n[3],t}([Cn(n,t,e,a[0],r,l[0]),Cn(n,t,e,a[1],r,l[1]),a[2]+Cn(n,t,e,0,r,h),Cn(n,t,e,i[3],r,s[3])]))}function bh(n){return!0}function Lh(n){const t=lo(),e=function Ph(n,t){const e=n.length,i=new Array(e);for(let r=0;r4)throw new Error(`Expected a color with 3 or 4 values for ${t}`);return e}function vo(n,t){const e=Mn(n,t);if(2!==e.length)throw new Error(`Expected an array of two numbers for ${t}`);return e}const Wh=class Uh extends Qn{constructor(t){t=t||{};const e=Object.assign({},t);delete e.style,delete e.renderBuffer,delete e.updateWhileAnimating,delete e.updateWhileInteracting,super(e),this.declutter_=t.declutter?String(t.declutter):void 0,this.renderBuffer_=void 0!==t.renderBuffer?t.renderBuffer:100,this.style_=null,this.styleFunction_=void 0,this.setStyle(t.style),this.updateWhileAnimating_=void 0!==t.updateWhileAnimating&&t.updateWhileAnimating,this.updateWhileInteracting_=void 0!==t.updateWhileInteracting&&t.updateWhileInteracting}getDeclutter(){return this.declutter_}getFeatures(t){return super.getFeatures(t)}getRenderBuffer(){return this.renderBuffer_}getRenderOrder(){return this.get("renderOrder")}getStyle(){return this.style_}getStyleFunction(){return this.styleFunction_}getUpdateWhileAnimating(){return this.updateWhileAnimating_}getUpdateWhileInteracting(){return this.updateWhileInteracting_}renderDeclutter(t,e){const i=this.getDeclutter();i in t.declutter||(t.declutter[i]=new xl(9)),this.getRenderer().renderDeclutter(t,e)}setRenderOrder(t){this.set("renderOrder",t)}setStyle(t){this.style_=void 0===t?ro:t;const e=function jh(n){if(void 0===n)return ro;if(!n)return null;if("function"==typeof n||n instanceof ri)return n;if(!Array.isArray(n))return fo([n]);if(0===n.length)return[];const t=n.length,e=n[0];if(e instanceof ri){const r=new Array(t);for(let s=0;si[2])&&(e=e||Q(i),r=Math.floor((n[0]-i[0])/e)),r}(n,t,e);i&&(n[0]-=i*e)}return n}(t.slice(),d),g=[[0,0]];if(d.canWrapX()&&r){const R=Q(d.getExtent());g.push([-R,0],[R,0])}const p=e.layerStatesArray,v=p.length,C=[],w=[];for(let I=0;I=0;--R){const z=p[R],F=z.layer;if(F.hasRenderer()&&Bi(z,c)&&a.call(l,F)){const O=F.getRenderer(),N=F.getSource();if(O&&N){const rt=N.getWrapX()?f:t,pt=u.bind(null,z.managed);w[0]=rt[0]+g[I][0],w[1]=rt[1]+g[I][1],h=O.forEachFeatureAtCoordinate(w,e,i,pt,C)}if(h)return h}}if(0===C.length)return;const A=1/C.length;return C.forEach((I,R)=>I.distanceSq+=R*A),C.sort((I,R)=>I.distanceSq-R.distanceSq),C.some(I=>h=I.callback(I.feature,I.layer,I.geometry)),h}hasFeatureAtCoordinate(t,e,i,r,s,o){return void 0!==this.forEachFeatureAtCoordinate(t,e,i,r,M,this,s,o)}getMap(){return this.map_}renderFrame(t){K()}scheduleExpireIconCache(t){$t.canExpireCache()&&t.postRenderFunctions.push(Vh)}},Co=class qh extends Ct{constructor(t,e,i,r){super(t),this.inversePixelTransform=e,this.frameState=i,this.context=r}},$h=class Hh extends Bh{constructor(t){super(t),this.fontChangeListenerKey_=Y(ae,"propertychange",t.redrawText.bind(t)),this.element_=document.createElement("div");const e=this.element_.style;e.position="absolute",e.width="100%",e.height="100%",e.zIndex="0",this.element_.className=ni+" ol-layers";const i=t.getViewport();i.insertBefore(this.element_,i.firstChild||null),this.children_=[],this.renderedVisible_=!0}dispatchRenderEvent(t,e){const i=this.getMap();if(i.hasListener(t)){const r=new Co(t,void 0,e);i.dispatchEvent(r)}}disposeInternal(){et(this.fontChangeListenerKey_),this.element_.parentNode.removeChild(this.element_),super.disposeInternal()}renderFrame(t){if(!t)return void(this.renderedVisible_&&(this.element_.style.display="none",this.renderedVisible_=!1));this.calculateMatrices2D(t),this.dispatchRenderEvent("precompose",t);const e=t.layerStatesArray.sort(function(a,l){return a.zIndex-l.zIndex});e.some(a=>a.layer instanceof Wh&&a.layer.getDeclutter())&&(t.declutter={});const r=t.viewState;this.children_.length=0;const s=[];let o=null;for(let a=0,l=e.length;a=0;--i){const r=e[i],s=r.layer;s.getDeclutter()&&s.renderDeclutter(t,r)}e.forEach(i=>i.layer.renderDeferred(t))}}};class pe extends Ct{constructor(t,e){super(t),this.layer=e}}class wr extends Gr{constructor(t){t=t||{};const e=Object.assign({},t);delete e.layers;let i=t.layers;super(e),this.layersListenerKeys_=[],this.listenerKeys_={},this.addChangeListener("layers",this.handleLayersChanged_),i?Array.isArray(i)?i=new se(i.slice(),{unique:!0}):H("function"==typeof i.getArray,"Expected `layers` to be an array or a `Collection`"):i=new se(void 0,{unique:!0}),this.setLayers(i)}handleLayerChange_(){this.changed()}handleLayersChanged_(){this.layersListenerKeys_.forEach(et),this.layersListenerKeys_.length=0;const t=this.getLayers();this.layersListenerKeys_.push(Y(t,"add",this.handleLayersAdd_,this),Y(t,"remove",this.handleLayersRemove_,this));for(const i in this.listenerKeys_)this.listenerKeys_[i].forEach(et);J(this.listenerKeys_);const e=t.getArray();for(let i=0,r=e.length;i{this.clickTimeoutId_=void 0;const i=new ye(it.SINGLECLICK,this.map_,t);this.dispatchEvent(i)},250)}updateActivePointers_(t){const e=t,i=e.pointerId;if(e.type==it.POINTERUP||e.type==it.POINTERCANCEL){delete this.trackedTouches_[i];for(const r in this.trackedTouches_)if(this.trackedTouches_[r].target!==e.target){delete this.trackedTouches_[r];break}}else(e.type==it.POINTERDOWN||e.type==it.POINTERMOVE)&&(this.trackedTouches_[i]=e);this.activePointers_=Object.values(this.trackedTouches_)}handlePointerUp_(t){this.updateActivePointers_(t);const e=new ye(it.POINTERUP,this.map_,t,void 0,void 0,this.activePointers_);this.dispatchEvent(e),this.emulateClicks_&&!e.defaultPrevented&&!this.dragging_&&this.isMouseActionButton_(t)&&this.emulateClick_(this.down_),0===this.activePointers_.length&&(this.dragListenerKeys_.forEach(et),this.dragListenerKeys_.length=0,this.dragging_=!1,this.down_=null)}isMouseActionButton_(t){return 0===t.button}handlePointerDown_(t){this.emulateClicks_=0===this.activePointers_.length,this.updateActivePointers_(t);const e=new ye(it.POINTERDOWN,this.map_,t,void 0,void 0,this.activePointers_);if(this.dispatchEvent(e),this.down_=new PointerEvent(t.type,t),Object.defineProperty(this.down_,"target",{writable:!1,value:t.target}),0===this.dragListenerKeys_.length){const i=this.map_.getOwnerDocument();this.dragListenerKeys_.push(Y(i,it.POINTERMOVE,this.handlePointerMove_,this),Y(i,it.POINTERUP,this.handlePointerUp_,this),Y(this.element_,it.POINTERCANCEL,this.handlePointerUp_,this)),this.element_.getRootNode&&this.element_.getRootNode()!==i&&this.dragListenerKeys_.push(Y(this.element_.getRootNode(),it.POINTERUP,this.handlePointerUp_,this))}}handlePointerMove_(t){if(this.isMoving_(t)){this.updateActivePointers_(t),this.dragging_=!0;const e=new ye(it.POINTERDRAG,this.map_,t,this.dragging_,void 0,this.activePointers_);this.dispatchEvent(e)}}relayMoveEvent_(t){this.originalPointerMoveEvent_=t;const e=!(!this.down_||!this.isMoving_(t));this.dispatchEvent(new ye(it.POINTERMOVE,this.map_,t,e))}handleTouchMove_(t){const e=this.originalPointerMoveEvent_;(!e||e.defaultPrevented)&&("boolean"!=typeof t.cancelable||!0===t.cancelable)&&t.preventDefault()}isMoving_(t){return this.dragging_||Math.abs(t.clientX-this.down_.clientX)>this.moveTolerance_||Math.abs(t.clientY-this.down_.clientY)>this.moveTolerance_}disposeInternal(){this.relayedListenerKey_&&(et(this.relayedListenerKey_),this.relayedListenerKey_=null),this.element_.removeEventListener("touchmove",this.boundHandleTouchMove_),this.pointerdownListenerKey_&&(et(this.pointerdownListenerKey_),this.pointerdownListenerKey_=null),this.dragListenerKeys_.forEach(et),this.dragListenerKeys_.length=0,this.element_=null,super.disposeInternal()}},ui=1/0,ic=class nc{constructor(t,e){this.priorityFunction_=t,this.keyFunction_=e,this.elements_=[],this.priorities_=[],this.queuedElements_={}}clear(){this.elements_.length=0,this.priorities_.length=0,J(this.queuedElements_)}dequeue(){const t=this.elements_,e=this.priorities_,i=t[0];1==t.length?(t.length=0,e.length=0):(t[0]=t.pop(),e[0]=e.pop(),this.siftUp_(0));const r=this.keyFunction_(i);return delete this.queuedElements_[r],i}enqueue(t){H(!(this.keyFunction_(t)in this.queuedElements_),"Tried to enqueue an `element` that was already added to the queue");const e=this.priorityFunction_(t);return e!=ui&&(this.elements_.push(t),this.priorities_.push(e),this.queuedElements_[this.keyFunction_(t)]=!0,this.siftDown_(0,this.elements_.length-1),!0)}getCount(){return this.elements_.length}getLeftChildIndex_(t){return 2*t+1}getRightChildIndex_(t){return 2*t+2}getParentIndex_(t){return t-1>>1}heapify_(){let t;for(t=(this.elements_.length>>1)-1;t>=0;t--)this.siftUp_(t)}isEmpty(){return 0===this.elements_.length}isKeyQueued(t){return t in this.queuedElements_}isQueued(t){return this.isKeyQueued(this.keyFunction_(t))}siftUp_(t){const e=this.elements_,i=this.priorities_,r=e.length,s=e[t],o=i[t],a=t;for(;t>1;){const l=this.getLeftChildIndex_(t),h=this.getRightChildIndex_(t),c=ht;){const a=this.getParentIndex_(e);if(!(r[a]>o))break;i[e]=i[a],r[e]=r[a],e=a}i[e]=s,r[e]=o}reprioritize(){const t=this.priorityFunction_,e=this.elements_,i=this.priorities_;let r=0;const s=e.length;let o,a,l;for(a=0;a0;)s=this.dequeue()[0],o=s.getKey(),r=s.getState(),0===r&&!(o in this.tilesLoadingKeys_)&&(this.tilesLoadingKeys_[o]=!0,++this.tilesLoading_,++i,s.load())}};var ac=ot(5861);const Tr=class lc extends re{constructor(t){super();const e=t.element;e&&!t.target&&!e.style.pointerEvents&&(e.style.pointerEvents="auto"),this.element=e||null,this.target_=null,this.map_=null,this.listenerKeys=[],t.render&&(this.render=t.render),t.target&&this.setTarget(t.target)}disposeInternal(){ir(this.element),super.disposeInternal()}getMap(){return this.map_}setMap(t){this.map_&&ir(this.element);for(let e=0,i=this.listenerKeys.length;er.getAttributions(t)))),i=!this.getMap().getAllLayers().some(r=>r.getSource()&&!1===r.getSource().getAttributionsCollapsible());return this.overrideCollapsible_||this.setCollapsible(i),e}updateElement_(t){var e=this;return(0,ac.Z)(function*(){if(!t)return void(e.renderedVisible_&&(e.element.style.display="none",e.renderedVisible_=!1));const i=yield Promise.all(e.collectSourceAttributions_(t).map(s=>function j(n){return function t(){let e;try{e=n()}catch(i){return Promise.reject(i)}return e instanceof Promise?e:Promise.resolve(e)}()}(()=>s))),r=i.length>0;if(e.renderedVisible_!=r&&(e.element.style.display=r?"":"none",e.renderedVisible_=r),!T(i,e.renderedAttributions_)){!function Xl(n){for(;n.lastChild;)n.removeChild(n.lastChild)}(e.ulElement_);for(let s=0,o=i.length;s0&&i%(2*Math.PI)!=0?e.animate({rotation:0,duration:this.duration_,easing:Ke}):e.setRotation(0))}render(t){const e=t.frameState;if(!e)return;const i=e.viewState.rotation;if(i!=this.rotation_){const r="rotate("+i+"rad)";if(this.autoHide_){const s=this.element.classList.contains(ei);s||0!==i?s&&0!==i&&this.element.classList.remove(ei):this.element.classList.add(ei)}this.label_.style.transform=r}this.rotation_=i}},gc=class fc extends Tr{constructor(t){t=t||{},super({element:document.createElement("div"),target:t.target});const e=void 0!==t.className?t.className:"ol-zoom",i=void 0!==t.delta?t.delta:1,r=void 0!==t.zoomInClassName?t.zoomInClassName:e+"-in",s=void 0!==t.zoomOutClassName?t.zoomOutClassName:e+"-out",o=void 0!==t.zoomInLabel?t.zoomInLabel:"+",a=void 0!==t.zoomOutLabel?t.zoomOutLabel:"\u2013",l=void 0!==t.zoomInTipLabel?t.zoomInTipLabel:"Zoom in",h=void 0!==t.zoomOutTipLabel?t.zoomOutTipLabel:"Zoom out",c=document.createElement("button");c.className=r,c.setAttribute("type","button"),c.title=l,c.appendChild("string"==typeof o?document.createTextNode(o):o),c.addEventListener("click",this.handleClick_.bind(this,i),!1);const u=document.createElement("button");u.className=s,u.setAttribute("type","button"),u.title=h,u.appendChild("string"==typeof a?document.createTextNode(a):a),u.addEventListener("click",this.handleClick_.bind(this,-i),!1);const f=this.element;f.className=e+" "+ni+" "+or,f.appendChild(c),f.appendChild(u),this.duration_=void 0!==t.duration?t.duration:250}handleClick_(t,e){e.preventDefault(),this.zoomByDelta_(t)}zoomByDelta_(t){const i=this.getMap().getView();if(!i)return;const r=i.getZoom();if(void 0!==r){const s=i.getConstrainedZoom(r+t);this.duration_>0?(i.getAnimating()&&i.cancelAnimations(),i.animate({zoom:s,duration:this.duration_,easing:Ke})):i.setZoom(s)}}};function Rr(n,t,e,i){const r=n.getZoom();if(void 0===r)return;const s=n.getConstrainedZoom(r+t),o=n.getResolutionForZoom(s);n.getAnimating()&&n.cancelAnimations(),n.animate({resolution:o,anchor:e,duration:void 0!==i?i:250,easing:Ke})}const xn=class mc extends re{constructor(t){super(),t&&t.handleEvent&&(this.handleEvent=t.handleEvent),this.map_=null,this.setActive(!0)}getActive(){return this.get("active")}getMap(){return this.map_}handleEvent(t){return!0}setActive(t){this.set("active",t)}setMap(t){this.map_=t}},Ec=class yc extends xn{constructor(t){super(),this.delta_=(t=t||{}).delta?t.delta:1,this.duration_=void 0!==t.duration?t.duration:250}handleEvent(t){let e=!1;if(t.type==it.DBLCLICK){const i=t.originalEvent,s=t.coordinate,o=i.shiftKey?-this.delta_:this.delta_;Rr(t.map.getView(),o,s,this.duration_),i.preventDefault(),e=!0}return!e}};function Ir(n){const t=n.length;let e=0,i=0;for(let r=0;r0}}else if(t.type==it.POINTERDOWN){const i=this.handleDownEvent(t);this.handlingDownUpSequence=i,e=this.stopDown(i)}else t.type==it.POINTERMOVE&&this.handleMoveEvent(t);return!e}handleMoveEvent(t){}handleUpEvent(t){return!1}stopDown(t){return t}updateTrackedPointers_(t){t.activePointers&&(this.targetPointers=t.activePointers)}};function Mr(n){const t=arguments;return function(e){let i=!0;for(let r=0,s=t.length;r0&&this.condition_(t)){const i=t.map.getView();return this.lastCentroid=null,i.getAnimating()&&i.cancelAnimations(),this.kinetic_&&this.kinetic_.begin(),this.noKinetic_=this.targetPointers.length>1,!0}return!1}},Lc=class bc extends Fe{constructor(t){t=t||{},super({stopDown:P}),this.condition_=t.condition?t.condition:wc,this.lastAngle_=void 0,this.duration_=void 0!==t.duration?t.duration:250}handleDragEvent(t){if(!xr(t))return;const e=t.map,i=e.getView();if(i.getConstraints().rotation===Di)return;const r=e.getSize(),s=t.pixel,o=Math.atan2(r[1]/2-s[1],s[0]-r[0]/2);void 0!==this.lastAngle_&&i.adjustRotationInternal(-(o-this.lastAngle_)),this.lastAngle_=o}handleUpEvent(t){return!xr(t)||(t.map.getView().endInteraction(this.duration_),!1)}handleDownEvent(t){return!!(xr(t)&&Io(t)&&this.condition_(t))&&(t.map.getView().beginInteraction(),this.lastAngle_=void 0,!0)}},Sc=class Pc extends Te{constructor(t){super(),this.geometry_=null,this.element_=document.createElement("div"),this.element_.style.position="absolute",this.element_.style.pointerEvents="auto",this.element_.className="ol-box "+t,this.map_=null,this.startPixel_=null,this.endPixel_=null}disposeInternal(){this.setMap(null)}render_(){const t=this.startPixel_,e=this.endPixel_,i="px",r=this.element_.style;r.left=Math.min(t[0],e[0])+i,r.top=Math.min(t[1],e[1])+i,r.width=Math.abs(e[0]-t[0])+i,r.height=Math.abs(e[1]-t[1])+i}setMap(t){if(this.map_){this.map_.getOverlayContainer().removeChild(this.element_);const e=this.element_.style;e.left="inherit",e.top="inherit",e.width="inherit",e.height="inherit"}this.map_=t,this.map_&&this.map_.getOverlayContainer().appendChild(this.element_)}setPixels(t,e){this.startPixel_=t,this.endPixel_=e,this.createOrUpdateGeometry(),this.render_()}createOrUpdateGeometry(){if(!this.map_)return;const t=this.startPixel_,e=this.endPixel_,r=[t,[t[0],e[1]],e,[e[0],t[1]]].map(this.map_.getCoordinateFromPixelInternal,this.map_);r[4]=r[0].slice(),this.geometry_?this.geometry_.setCoordinates([r]):this.geometry_=new El([r])}getGeometry(){return this.geometry_}};class di extends Ct{constructor(t,e,i){super(t),this.coordinate=e,this.mapBrowserEvent=i}}const Dc=class Oc extends Fe{constructor(t){super(),this.box_=new Sc((t=t||{}).className||"ol-dragbox"),this.minArea_=void 0!==t.minArea?t.minArea:64,t.onBoxEnd&&(this.onBoxEnd=t.onBoxEnd),this.startPixel_=null,this.condition_=t.condition?t.condition:Io,this.boxEndCondition_=t.boxEndCondition?t.boxEndCondition:this.defaultBoxEndCondition}defaultBoxEndCondition(t,e,i){const r=i[0]-e[0],s=i[1]-e[1];return r*r+s*s>=this.minArea_}getGeometry(){return this.box_.getGeometry()}handleDragEvent(t){this.startPixel_&&(this.box_.setPixels(this.startPixel_,t.pixel),this.dispatchEvent(new di("boxdrag",t.coordinate,t)))}handleUpEvent(t){if(!this.startPixel_)return!1;this.box_.setMap(null);const e=this.boxEndCondition_(t,this.startPixel_,t.pixel);return e&&this.onBoxEnd(t),this.dispatchEvent(new di(e?"boxend":"boxcancel",t.coordinate,t)),!1}handleDownEvent(t){return!!this.condition_(t)&&(this.startPixel_=t.pixel,this.box_.setMap(t.map),this.box_.setPixels(this.startPixel_,this.startPixel_),this.dispatchEvent(new di("boxstart",t.coordinate,t)),!0)}onBoxEnd(t){}setActive(t){t||(this.box_.setMap(null),this.startPixel_&&(this.dispatchEvent(new di("boxcancel",this.startPixel_,null)),this.startPixel_=null)),super.setActive(t)}},Nc=class Fc extends Dc{constructor(t){super({condition:(t=t||{}).condition?t.condition:Ic,className:t.className||"ol-dragzoom",minArea:t.minArea}),this.duration_=void 0!==t.duration?t.duration:200,this.out_=void 0!==t.out&&t.out}onBoxEnd(t){const i=this.getMap().getView();let r=this.getGeometry();if(this.out_){const s=i.rotatedExtentForGeometry(r),o=i.getResolutionForExtentInternal(s),a=i.getResolution()/o;r=r.clone(),r.scale(a*a)}i.fitInternal(r,{duration:this.duration_,easing:Ke})}},zc=class kc extends xn{constructor(t){super(),t=t||{},this.defaultCondition_=function(e){return Mo(e)&&xo(e)},this.condition_=void 0!==t.condition?t.condition:this.defaultCondition_,this.duration_=void 0!==t.duration?t.duration:100,this.pixelDelta_=void 0!==t.pixelDelta?t.pixelDelta:128}handleEvent(t){let e=!1;if("keydown"==t.type){const i=t.originalEvent,r=i.key;if(this.condition_(t)&&("ArrowDown"==r||"ArrowLeft"==r||"ArrowRight"==r||"ArrowUp"==r)){const o=t.map.getView(),a=o.getResolution()*this.pixelDelta_;let l=0,h=0;"ArrowDown"==r?h=-a:"ArrowLeft"==r?l=-a:"ArrowRight"==r?l=a:h=a;const c=[l,h];Ii(c,o.getRotation()),function pc(n,t,e){const i=n.getCenterInternal();i&&n.animateInternal({duration:void 0!==e?e:250,easing:el,center:n.getConstrainedCenter([i[0]+t[0],i[1]+t[1]])})}(o,c,this.duration_),i.preventDefault(),e=!0}}return!e}},Xc=class Gc extends xn{constructor(t){super(),this.condition_=(t=t||{}).condition?t.condition:function(e){return!function(n){const t=n.originalEvent;return Xs?t.metaKey:t.ctrlKey}(e)&&xo(e)},this.delta_=t.delta?t.delta:1,this.duration_=void 0!==t.duration?t.duration:100}handleEvent(t){let e=!1;if("keydown"==t.type||"keypress"==t.type){const i=t.originalEvent,r=i.key;if(this.condition_(t)&&("+"===r||"-"===r)){const o="+"===r?this.delta_:-this.delta_;Rr(t.map.getView(),o,void 0,this.duration_),i.preventDefault(),e=!0}}return!e}},Zc=class Yc{constructor(t,e,i){this.decay_=t,this.minVelocity_=e,this.delay_=i,this.points_=[],this.angle_=0,this.initialVelocity_=0}begin(){this.points_.length=0,this.angle_=0,this.initialVelocity_=0}update(t,e){this.points_.push(t,e,Date.now())}end(){if(this.points_.length<6)return!1;const t=Date.now()-this.delay_,e=this.points_.length-3;if(this.points_[e+2]0&&this.points_[i+2]>t;)i-=3;const r=this.points_[e+2]-this.points_[i+2];if(r<1e3/60)return!1;const s=this.points_[e]-this.points_[i],o=this.points_[e+1]-this.points_[i+1];return this.angle_=Math.atan2(o,s),this.initialVelocity_=Math.sqrt(s*s+o*o)/r,this.initialVelocity_>this.minVelocity_}getDistance(){return(this.minVelocity_-this.initialVelocity_)/this.decay_}getAngle(){return this.angle_}},jc=class Uc extends xn{constructor(t){super(t=t||{}),this.totalDelta_=0,this.lastDelta_=0,this.maxDelta_=void 0!==t.maxDelta?t.maxDelta:1,this.duration_=void 0!==t.duration?t.duration:250,this.timeout_=void 0!==t.timeout?t.timeout:80,this.useAnchor_=void 0===t.useAnchor||t.useAnchor,this.constrainResolution_=void 0!==t.constrainResolution&&t.constrainResolution;const e=t.condition?t.condition:Tc;this.condition_=t.onFocusOnly?Mr(Ro,e):e,this.lastAnchor_=null,this.startTime_=void 0,this.mode_=void 0,this.trackpadEventGap_=400,this.deltaPerZoom_=300}endInteraction_(){this.trackpadTimeoutId_=void 0;const t=this.getMap();t&&t.getView().endInteraction(void 0,this.lastDelta_?this.lastDelta_>0?1:-1:0,this.lastAnchor_)}handleEvent(t){if(!this.condition_(t)||"wheel"!==t.type)return!0;const i=t.map,r=t.originalEvent;let s;if(r.preventDefault(),this.useAnchor_&&(this.lastAnchor_=t.coordinate),"wheel"==t.type&&(s=r.deltaY,zl&&r.deltaMode===WheelEvent.DOM_DELTA_PIXEL&&(s/=Ys),r.deltaMode===WheelEvent.DOM_DELTA_LINE&&(s*=40)),0===s)return!1;this.lastDelta_=s;const o=Date.now();void 0===this.startTime_&&(this.startTime_=o),(!this.mode_||o-this.startTime_>this.trackpadEventGap_)&&(this.mode_=Math.abs(s)<4?"trackpad":"wheel");const a=i.getView();if("trackpad"===this.mode_&&!a.getConstrainResolution()&&!this.constrainResolution_)return this.trackpadTimeoutId_?clearTimeout(this.trackpadTimeoutId_):(a.getAnimating()&&a.cancelAnimations(),a.beginInteraction()),this.trackpadTimeoutId_=setTimeout(this.endInteraction_.bind(this),this.timeout_),a.adjustZoom(-s/this.deltaPerZoom_,this.lastAnchor_),this.startTime_=o,!1;this.totalDelta_+=s;const l=Math.max(this.timeout_-(o-this.startTime_),0);return clearTimeout(this.timeoutId_),this.timeoutId_=setTimeout(this.handleWheelZoom_.bind(this,i),l),!1}handleWheelZoom_(t){const e=t.getView();e.getAnimating()&&e.cancelAnimations();let i=-at(this.totalDelta_,-this.maxDelta_*this.deltaPerZoom_,this.maxDelta_*this.deltaPerZoom_)/this.deltaPerZoom_;(e.getConstrainResolution()||this.constrainResolution_)&&(i=i?i>0?1:-1:0),Rr(e,i,this.lastAnchor_,this.duration_),this.mode_=void 0,this.totalDelta_=0,this.lastAnchor_=null,this.startTime_=void 0,this.timeoutId_=void 0}setMouseAnchor(t){this.useAnchor_=t,t||(this.lastAnchor_=null)}},Kc=class Wc extends Fe{constructor(t){const e=t=t||{};e.stopDown||(e.stopDown=P),super(e),this.anchor_=null,this.lastAngle_=void 0,this.rotating_=!1,this.rotationDelta_=0,this.threshold_=void 0!==t.threshold?t.threshold:.3,this.duration_=void 0!==t.duration?t.duration:250}handleDragEvent(t){let e=0;const i=this.targetPointers[0],r=this.targetPointers[1],s=Math.atan2(r.clientY-i.clientY,r.clientX-i.clientX);if(void 0!==this.lastAngle_){const l=s-this.lastAngle_;this.rotationDelta_+=l,!this.rotating_&&Math.abs(this.rotationDelta_)>this.threshold_&&(this.rotating_=!0),e=l}this.lastAngle_=s;const o=t.map,a=o.getView();a.getConstraints().rotation!==Di&&(this.anchor_=o.getCoordinateFromPixelInternal(o.getEventPixel(Ir(this.targetPointers))),this.rotating_&&(o.render(),a.adjustRotationInternal(e,this.anchor_)))}handleUpEvent(t){return!(this.targetPointers.length<2&&(t.map.getView().endInteraction(this.duration_),1))}handleDownEvent(t){if(this.targetPointers.length>=2){const e=t.map;return this.anchor_=null,this.lastAngle_=void 0,this.rotating_=!1,this.rotationDelta_=0,this.handlingDownUpSequence||e.getView().beginInteraction(),!0}return!1}},Bc=class Vc extends Fe{constructor(t){const e=t=t||{};e.stopDown||(e.stopDown=P),super(e),this.anchor_=null,this.duration_=void 0!==t.duration?t.duration:400,this.lastDistance_=void 0,this.lastScaleDelta_=1}handleDragEvent(t){let e=1;const i=this.targetPointers[0],r=this.targetPointers[1],s=i.clientX-r.clientX,o=i.clientY-r.clientY,a=Math.sqrt(s*s+o*o);void 0!==this.lastDistance_&&(e=this.lastDistance_/a),this.lastDistance_=a;const l=t.map,h=l.getView();1!=e&&(this.lastScaleDelta_=e),this.anchor_=l.getCoordinateFromPixelInternal(l.getEventPixel(Ir(this.targetPointers))),l.render(),h.adjustResolutionInternal(e,this.anchor_)}handleUpEvent(t){return!(this.targetPointers.length<2)||(t.map.getView().endInteraction(this.duration_,this.lastScaleDelta_>1?1:-1),!1)}handleDownEvent(t){if(this.targetPointers.length>=2){const e=t.map;return this.anchor_=null,this.lastDistance_=void 0,this.lastScaleDelta_=1,this.handlingDownUpSequence||e.getView().beginInteraction(),!0}return!1}};function Ar(n){n=n||{};const t=new se,e=new Zc(-.005,.05,100);return(void 0===n.altShiftDragRotate||n.altShiftDragRotate)&&t.push(new Lc),(void 0===n.doubleClickZoom||n.doubleClickZoom)&&t.push(new Ec({delta:n.zoomDelta,duration:n.zoomDuration})),(void 0===n.dragPan||n.dragPan)&&t.push(new Ac({onFocusOnly:n.onFocusOnly,kinetic:e})),(void 0===n.pinchRotate||n.pinchRotate)&&t.push(new Kc),(void 0===n.pinchZoom||n.pinchZoom)&&t.push(new Bc({duration:n.zoomDuration})),(void 0===n.keyboard||n.keyboard)&&(t.push(new zc),t.push(new Xc({delta:n.zoomDelta,duration:n.zoomDuration}))),(void 0===n.mouseWheelZoom||n.mouseWheelZoom)&&t.push(new jc({onFocusOnly:n.onFocusOnly,duration:n.zoomDuration})),(void 0===n.shiftDragZoom||n.shiftDragZoom)&&t.push(new Nc({duration:n.zoomDuration})),t}function Ao(n){n instanceof Qn?n.setMapInternal(null):n instanceof ci&&n.getLayers().forEach(Ao)}function bo(n,t){if(n instanceof Qn)n.setMapInternal(t);else if(n instanceof ci){const e=n.getLayers().getArray();for(let i=0,r=e.length;ithis.updateSize()),this.controls=e.controls||function _c(n){n=n||{};const t=new se;return(void 0===n.zoom||n.zoom)&&t.push(new gc(n.zoomOptions)),(void 0===n.rotate||n.rotate)&&t.push(new dc(n.rotateOptions)),(void 0===n.attribution||n.attribution)&&t.push(new cc(n.attributionOptions)),t}(),this.interactions=e.interactions||Ar({onFocusOnly:!0}),this.overlays_=e.overlays,this.overlayIdIndex_={},this.renderer_=null,this.postRenderFunctions_=[],this.tileQueue_=new sc(this.getTilePriority.bind(this),this.handleTileChange_.bind(this)),this.addChangeListener("layergroup",this.handleLayerGroupChanged_),this.addChangeListener("view",this.handleViewChanged_),this.addChangeListener("size",this.handleSizeChanged_),this.addChangeListener("target",this.handleTargetChanged_),this.setProperties(e.values);const i=this;t.view&&!(t.view instanceof Zt)&&t.view.then(function(r){i.setView(new Zt(r))}),this.controls.addEventListener("add",r=>{r.element.setMap(this)}),this.controls.addEventListener("remove",r=>{r.element.setMap(null)}),this.interactions.addEventListener("add",r=>{r.element.setMap(this)}),this.interactions.addEventListener("remove",r=>{r.element.setMap(null)}),this.overlays_.addEventListener("add",r=>{this.addOverlayInternal_(r.element)}),this.overlays_.addEventListener("remove",r=>{const s=r.element.getId();void 0!==s&&delete this.overlayIdIndex_[s.toString()],r.element.setMap(null)}),this.controls.forEach(r=>{r.setMap(this)}),this.interactions.forEach(r=>{r.setMap(this)}),this.overlays_.forEach(this.addOverlayInternal_.bind(this))}addControl(t){this.getControls().push(t)}addInteraction(t){this.getInteractions().push(t)}addLayer(t){this.getLayerGroup().getLayers().push(t)}handleLayerAdd_(t){bo(t.layer,this)}addOverlay(t){this.getOverlays().push(t)}addOverlayInternal_(t){const e=t.getId();void 0!==e&&(this.overlayIdIndex_[e.toString()]=t),t.setMap(this)}disposeInternal(){this.controls.clear(),this.interactions.clear(),this.overlays_.clear(),this.resizeObserver_.disconnect(),this.setTarget(null),super.disposeInternal()}forEachFeatureAtPixel(t,e,i){if(!this.frameState_||!this.renderer_)return;const r=this.getCoordinateFromPixelInternal(t);return this.renderer_.forEachFeatureAtCoordinate(r,this.frameState_,void 0!==(i=void 0!==i?i:{}).hitTolerance?i.hitTolerance:0,!1!==i.checkWrapped,e,null,void 0!==i.layerFilter?i.layerFilter:M,null)}getFeaturesAtPixel(t,e){const i=[];return this.forEachFeatureAtPixel(t,function(r){i.push(r)},e),i}getAllLayers(){const t=[];return function e(i){i.forEach(function(r){r instanceof ci?e(r.getLayers()):t.push(r)})}(this.getLayers()),t}hasFeatureAtPixel(t,e){if(!this.frameState_||!this.renderer_)return!1;const i=this.getCoordinateFromPixelInternal(t);return this.renderer_.hasFeatureAtCoordinate(i,this.frameState_,void 0!==(e=void 0!==e?e:{}).hitTolerance?e.hitTolerance:0,!1!==e.checkWrapped,void 0!==e.layerFilter?e.layerFilter:M,null)}getEventCoordinate(t){return this.getCoordinateFromPixel(this.getEventPixel(t))}getEventCoordinateInternal(t){return this.getCoordinateFromPixelInternal(this.getEventPixel(t))}getEventPixel(t){const i=this.viewport_.getBoundingClientRect(),r=this.getSize(),a="changedTouches"in t?t.changedTouches[0]:t;return[(a.clientX-i.left)/(i.width/r[0]),(a.clientY-i.top)/(i.height/r[1])]}getTarget(){return this.get("target")}getTargetElement(){return this.targetElement_}getCoordinateFromPixel(t){return Pi(this.getCoordinateFromPixelInternal(t),this.getView().getProjection())}getCoordinateFromPixelInternal(t){const e=this.frameState_;return e?Ot(e.pixelToCoordinateTransform,t.slice()):null}getControls(){return this.controls}getOverlays(){return this.overlays_}getOverlayById(t){const e=this.overlayIdIndex_[t.toString()];return void 0!==e?e:null}getInteractions(){return this.interactions}getLayerGroup(){return this.get("layergroup")}setLayers(t){const e=this.getLayerGroup();if(t instanceof se)return void e.setLayers(t);const i=e.getLayers();i.clear(),i.extend(t)}getLayers(){return this.getLayerGroup().getLayers()}getLoadingOrNotReady(){const t=this.getLayerGroup().getLayerStatesArray();for(let e=0,i=t.length;e=0;s--){const o=r[s];if(o.getMap()===this&&o.getActive()&&this.getTargetElement()&&(!o.handleEvent(t)||t.propagationStopped))break}}}handlePostRender(){const t=this.frameState_,e=this.tileQueue_;if(!e.isEmpty()){let r=this.maxTilesLoading_,s=r;if(t){const o=t.viewHints;if(o[0]||o[1]){const a=Date.now()-t.time>8;r=a?0:8,s=a?0:2}}e.getTilesLoading(){this.postRenderTimeoutHandle_=void 0,this.handlePostRender()},0))}setLayerGroup(t){const e=this.getLayerGroup();e&&this.handleLayerRemove_(new pe("removelayer",e)),this.set("layergroup",t)}setSize(t){this.set("size",t)}setTarget(t){this.set("target",t)}setView(t){if(!t||t instanceof Zt)return void this.set("view",t);this.set("view",new Zt);const e=this;t.then(function(i){e.setView(new Zt(i))})}updateSize(){const t=this.getTargetElement();let e;if(t){const r=getComputedStyle(t),s=t.offsetWidth-parseFloat(r.borderLeftWidth)-parseFloat(r.paddingLeft)-parseFloat(r.paddingRight)-parseFloat(r.borderRightWidth),o=t.offsetHeight-parseFloat(r.borderTopWidth)-parseFloat(r.paddingTop)-parseFloat(r.paddingBottom)-parseFloat(r.borderBottomWidth);!isNaN(s)&&!isNaN(o)&&(e=[s,o],!Os(e)&&(t.offsetWidth||t.offsetHeight||t.getClientRects().length)&&Qr("No map visible because the map container's width or height are 0."))}const i=this.getSize();e&&(!i||!T(e,i))&&(this.setSize(e),this.updateViewportSize_(e))}updateViewportSize_(t){const e=this.getView();e&&e.setViewportSize(t)}},Jc=class $c extends Qn{constructor(t){t=t||{};const e=Object.assign({},t);delete e.preload,delete e.useInterimTilesOnError,super(e),this.setPreload(void 0!==t.preload?t.preload:0),this.setUseInterimTilesOnError(void 0===t.useInterimTilesOnError||t.useInterimTilesOnError)}getPreload(){return this.get("preload")}setPreload(t){this.set("preload",t)}getUseInterimTilesOnError(){return this.get("useInterimTilesOnError")}setUseInterimTilesOnError(t){this.set("useInterimTilesOnError",t)}getData(t){return super.getData(t)}},tu=class Qc extends Tt{constructor(t){super(),this.ready=!0,this.boundHandleImageChange_=this.handleImageChange_.bind(this),this.layer_=t}getFeatures(t){return K()}getData(t){return null}prepareFrame(t){return K()}renderFrame(t,e){return K()}loadedTileCallback(t,e,i){t[e]||(t[e]={}),t[e][i.tileCoord.toString()]=i}createLoadedTileFinder(t,e,i){return(r,s)=>{const o=this.loadedTileCallback.bind(this,i,r);return t.forEachLoadedTile(e,r,s,o)}}forEachFeatureAtCoordinate(t,e,i,r,s){}getLayer(){return this.layer_}handleFontsChanged(){}handleImageChange_(t){const e=t.target;(e.getState()===Z_LOADED||e.getState()===Z_ERROR)&&this.renderIfReadyAndVisible()}loadImage(t){let e=t.getState();return e!=Z_LOADED&&e!=Z_ERROR&&t.addEventListener("change",this.boundHandleImageChange_),e==Z_IDLE&&(t.load(),e=t.getState()),e==Z_LOADED}renderIfReadyAndVisible(){const t=this.getLayer();t&&t.getVisible()&&"ready"===t.getSourceState()&&t.changed()}renderDeferred(t){}disposeInternal(){delete this.layer_,super.disposeInternal()}},nu=class eu{constructor(){this.instructions_=[],this.zIndex=0,this.offset_=0,this.context_=new Proxy(ti(),{get:(t,e)=>{if("function"==typeof ti()[e])return this.instructions_[this.zIndex+this.offset_]||(this.instructions_[this.zIndex+this.offset_]=[]),this.instructions_[this.zIndex+this.offset_].push(e),this.pushMethodArgs_},set:(t,e,i)=>(this.instructions_[this.zIndex+this.offset_]||(this.instructions_[this.zIndex+this.offset_]=[]),this.instructions_[this.zIndex+this.offset_].push(e,i),!0)})}pushMethodArgs_=(...t)=>(this.instructions_[this.zIndex+this.offset_].push(t),this);pushFunction(t){this.instructions_[this.zIndex+this.offset_].push(t)}getContext(){return this.context_}draw(t){this.instructions_.forEach(e=>{for(let i=0,r=e.length;iMath.round(e*us[i])/us[i]).join(", ")+")"}(this.pixelTransform);if(this.useContainer(e,h,this.getBackground(t)),!this.containerReused){const c=this.context.canvas;c.width!=a||c.height!=l?(c.width=a,c.height=l):this.context.clearRect(0,0,a,l),h!==c.style.transform&&(c.style.transform=h)}}dispatchRenderEvent_(t,e,i){const r=this.getLayer();if(r.hasListener(t)){const s=new Co(t,this.inversePixelTransform,i,e);r.dispatchEvent(s)}}preRender(t,e){this.frameState=e,!e.declutter&&this.dispatchRenderEvent_("prerender",t,e)}postRender(t,e){e.declutter||this.dispatchRenderEvent_("postrender",t,e)}renderDeferredInternal(t){}getRenderContext(t){return t.declutter&&!this.deferredContext_&&(this.deferredContext_=new nu),t.declutter?this.deferredContext_.getContext():this.context}renderDeferred(t){t.declutter&&(this.dispatchRenderEvent_("prerender",this.context,t),t.declutter&&this.deferredContext_&&(this.deferredContext_.draw(this.context),this.deferredContext_.clear()),this.renderDeferredInternal(t),this.dispatchRenderEvent_("postrender",this.context,t))}getRenderTransform(t,e,i,r,s,o,a){const c=r/e;return Ve(this.tempTransform,s/2,o/2,c,-c,-i,-t[0]+a,-t[1])}disposeInternal(){delete this.frameState,super.disposeInternal()}},Po=class ou extends qt{constructor(t,e,i){super(),i=i||{},this.tileCoord=t,this.state=e,this.interimTile=null,this.key="",this.transition_=void 0===i.transition?250:i.transition,this.transitionStarts_={},this.interpolate=!!i.interpolate}changed(){this.dispatchEvent("change")}release(){3===this.state&&this.setState(4)}getKey(){return this.key+"/"+this.tileCoord}getInterimTile(){let t=this.interimTile;if(!t)return this;do{if(2==t.getState())return this.transition_=0,t;t=t.interimTile}while(t);return this}refreshInterimChain(){let t=this.interimTile;if(!t)return;let e=this;do{if(2==t.getState()){t.interimTile=null;break}1==t.getState()?e=t:0==t.getState()?e.interimTile=t.interimTile:e=t,t=e.interimTile}while(t)}getTileCoord(){return this.tileCoord}getState(){return this.state}setState(t){if(3!==this.state&&this.state>t)throw new Error("Tile load sequence violation");this.state=t,this.changed()}load(){K()}getAlpha(t,e){if(!this.transition_)return 1;let i=this.transitionStarts_[t];if(i){if(-1===i)return 1}else i=e,this.transitionStarts_[t]=i;const r=e-i+1e3/60;return r>=this.transition_?1:cs(r/this.transition_)}inTransition(t){return!!this.transition_&&-1!==this.transitionStarts_[t]}endTransition(t){this.transition_&&(this.transitionStarts_[t]=-1)}},So=class au extends Po{constructor(t,e,i,r,s,o){super(t,e,o),this.crossOrigin_=r,this.src_=i,this.key=i,this.image_=new Image,null!==r&&(this.image_.crossOrigin=r),this.unlisten_=null,this.tileLoadFunction_=s}getImage(){return this.image_}setImage(t){this.image_=t,this.state=2,this.unlistenImage_(),this.changed()}handleImageError_(){this.state=3,this.unlistenImage_(),this.image_=function lu(){const n=At(1,1);return n.fillStyle="rgba(0,0,0,0)",n.fillRect(0,0,1,1),n.canvas}(),this.changed()}handleImageLoad_(){const t=this.image_;this.state=t.naturalWidth&&t.naturalHeight?2:4,this.unlistenImage_(),this.changed()}load(){3==this.state&&(this.state=0,this.image_=new Image,null!==this.crossOrigin_&&(this.image_.crossOrigin=this.crossOrigin_)),0==this.state&&(this.state=1,this.changed(),this.tileLoadFunction_(this,this.src_),this.unlisten_=function Zl(n,t,e){const i=n;let r=!0,s=!1,o=!1;const a=[Gt(i,"load",function(){o=!0,s||t()})];return i.src&&Us?(s=!0,i.decode().then(function(){r&&t()}).catch(function(l){r&&(o?t():e())})):a.push(Gt(i,"error",e)),function(){r=!1,a.forEach(et)}}(this.image_,this.handleImageLoad_.bind(this),this.handleImageError_.bind(this)))}unlistenImage_(){this.unlisten_&&(this.unlisten_(),this.unlisten_=null)}},du=class uu{constructor(t,e,i,r,s,o){this.sourceProj_=t,this.targetProj_=e;let a={};const l=fn(this.targetProj_,this.sourceProj_);this.transformInv_=function(w){const A=w[0]+"/"+w[1];return a[A]||(a[A]=l(w)),a[A]},this.maxSourceExtent_=r,this.errorThresholdSquared_=s*s,this.triangles_=[],this.wrapsXInSource_=!1,this.canWrapXInSource_=this.sourceProj_.canWrapX()&&!!r&&!!this.sourceProj_.getExtent()&&Q(r)>=Q(this.sourceProj_.getExtent()),this.sourceWorldWidth_=this.sourceProj_.getExtent()?Q(this.sourceProj_.getExtent()):null,this.targetWorldWidth_=this.targetProj_.getExtent()?Q(this.targetProj_.getExtent()):null;const h=be(i),c=jn(i),u=Un(i),d=Zn(i),f=this.transformInv_(h),g=this.transformInv_(c),p=this.transformInv_(u),v=this.transformInv_(d),C=10+(o?Math.max(0,Math.ceil(Math.log2(Yn(i)/(o*o*256*256)))):0);if(this.addQuad_(h,c,u,d,f,g,p,v,C),this.wrapsXInSource_){let w=1/0;this.triangles_.forEach(function(A,I,R){w=Math.min(w,A.source[0][0],A.source[1][0],A.source[2][0])}),this.triangles_.forEach(A=>{if(Math.max(A.source[0][0],A.source[1][0],A.source[2][0])-w>this.sourceWorldWidth_/2){const I=[[A.source[0][0],A.source[0][1]],[A.source[1][0],A.source[1][1]],[A.source[2][0],A.source[2][1]]];I[0][0]-w>this.sourceWorldWidth_/2&&(I[0][0]-=this.sourceWorldWidth_),I[1][0]-w>this.sourceWorldWidth_/2&&(I[1][0]-=this.sourceWorldWidth_),I[2][0]-w>this.sourceWorldWidth_/2&&(I[2][0]-=this.sourceWorldWidth_);const R=Math.min(I[0][0],I[1][0],I[2][0]);Math.max(I[0][0],I[1][0],I[2][0])-R.5&&u<1;let g=!1;if(h>0&&(this.targetProj_.isGlobal()&&this.targetWorldWidth_&&(g=Q(jr([t,e,i,r]))/this.targetWorldWidth_>.25||g),!f&&this.sourceProj_.isGlobal()&&u&&(g=u>.25||g)),!g&&this.maxSourceExtent_&&isFinite(c[0])&&isFinite(c[1])&&isFinite(c[2])&&isFinite(c[3])&&!cn(c,this.maxSourceExtent_))return;let p=0;if(!(g||isFinite(s[0])&&isFinite(s[1])&&isFinite(o[0])&&isFinite(o[1])&&isFinite(a[0])&&isFinite(a[1])&&isFinite(l[0])&&isFinite(l[1])))if(h>0)g=!0;else if(p=(isFinite(s[0])&&isFinite(s[1])?0:8)+(isFinite(o[0])&&isFinite(o[1])?0:4)+(isFinite(a[0])&&isFinite(a[1])?0:2)+(isFinite(l[0])&&isFinite(l[1])?0:1),1!=p&&2!=p&&4!=p&&8!=p)return;if(h>0){if(!g){const C=this.transformInv_([(t[0]+i[0])/2,(t[1]+i[1])/2]);let w;w=f?(Ie(s[0],d)+Ie(a[0],d))/2-Ie(C[0],d):(s[0]+a[0])/2-C[0];const A=(s[1]+a[1])/2-C[1];g=w*w+A*A>this.errorThresholdSquared_}if(g){if(Math.abs(t[0]-i[0])<=Math.abs(t[1]-i[1])){const v=[(e[0]+i[0])/2,(e[1]+i[1])/2],C=this.transformInv_(v),w=[(r[0]+t[0])/2,(r[1]+t[1])/2],A=this.transformInv_(w);this.addQuad_(t,e,v,w,s,o,C,A,h-1),this.addQuad_(w,v,i,r,A,C,a,l,h-1)}else{const v=[(t[0]+e[0])/2,(t[1]+e[1])/2],C=this.transformInv_(v),w=[(i[0]+r[0])/2,(i[1]+r[1])/2],A=this.transformInv_(w);this.addQuad_(t,v,w,r,s,C,A,l,h-1),this.addQuad_(v,e,i,w,C,o,a,A,h-1)}return}}if(f){if(!this.canWrapXInSource_)return;this.wrapsXInSource_=!0}11&p||this.addTriangle_(t,i,r,s,a,l),14&p||this.addTriangle_(t,i,e,s,a,o),p&&(13&p||this.addTriangle_(e,r,t,o,l,s),7&p||this.addTriangle_(e,r,i,o,l,a))}calculateSourceExtent(){const t=[1/0,1/0,-1/0,-1/0];return this.triangles_.forEach(function(e,i,r){const s=e.source;hn(t,s[0]),hn(t,s[1]),hn(t,s[2])}),t}getTriangles(){return this.triangles_}};let br;const Qe=[];function Do(n,t,e,i,r){n.beginPath(),n.moveTo(0,0),n.lineTo(t,e),n.lineTo(i,r),n.closePath(),n.save(),n.clip(),n.fillRect(0,0,Math.max(t,i)+1,Math.max(e,r)),n.restore()}function Lr(n,t){return Math.abs(n[4*t]-210)>2||Math.abs(n[4*t+3]-191.25)>2}function Fo(n,t,e,i){const r=gn(e,t,n);let s=ns(t,i,e);const o=t.getMetersPerUnit();void 0!==o&&(s*=o);const a=n.getMetersPerUnit();void 0!==a&&(s/=a);const l=n.getExtent();if(!l||wi(l,r)){const h=ns(n,s,r)/s;isFinite(h)&&h>0&&(s/=h)}return s}const Pr=class mu extends Po{constructor(t,e,i,r,s,o,a,l,h,c,u,d){super(s,0,d),this.renderEdges_=void 0!==u&&u,this.pixelRatio_=a,this.gutter_=l,this.canvas_=null,this.sourceTileGrid_=e,this.targetTileGrid_=r,this.wrappedTileCoord_=o||s,this.sourceTiles_=[],this.sourcesListenerKeys_=null,this.sourceZ_=0,this.clipExtent_=t.canWrapX()?t.getExtent():void 0;const f=r.getTileCoordExtent(this.wrappedTileCoord_),g=this.targetTileGrid_.getExtent();let p=this.sourceTileGrid_.getExtent();const v=g?Ue(f,g):f;if(0===Yn(v))return void(this.state=4);const C=t.getExtent();C&&(p=p?Ue(p,C):C);const w=r.getResolution(this.wrappedTileCoord_[0]),A=function gu(n,t,e,i){const r=Ze(e);let s=Fo(n,t,r,i);return(!isFinite(s)||s<=0)&&Hr(e,function(o){return s=Fo(n,t,o,i),isFinite(s)&&s>0}),s}(t,i,v,w);if(!isFinite(A)||A<=0)return void(this.state=4);if(this.triangulation_=new du(t,i,v,p,A*(void 0!==c?c:.5),w),0===this.triangulation_.getTriangles().length)return void(this.state=4);this.sourceZ_=e.getZForResolution(A);let R=this.triangulation_.calculateSourceExtent();if(p&&(t.canWrapX()?(R[1]=at(R[1],p[1],p[3]),R[3]=at(R[3],p[1],p[3])):R=Ue(R,p)),Yn(R)){let z=0,F=0;t.canWrapX()&&(z=Q(C),F=Math.floor((R[0]-C[0])/z)),function Oa(n,t,e){if(t.canWrapX()){const i=t.getExtent();if(!isFinite(n[0])||!isFinite(n[2]))return[[i[0],n[1],i[2],n[3]]];!function Sa(n,t){const e=t.getExtent(),i=Ze(n);if(t.canWrapX()&&(i[0]=e[2])){const r=Q(e),o=Math.floor((i[0]-e[0])/r)*r;n[0]-=o,n[2]-=o}}(n,t);const r=Q(i);if(Q(n)>r&&!e)return[[i[0],n[1],i[2],n[3]]];if(n[0]i[2])return[[n[0],n[1],i[2],n[3]],[i[0],n[1],n[2]-r,n[3]]]}return[n]}(R.slice(),t,!0).forEach(N=>{const rt=e.getTileRangeForExtentAndZ(N,this.sourceZ_);for(let pt=rt.minX;pt<=rt.maxX;pt++)for(let ct=rt.minY;ct<=rt.maxY;ct++){const yt=h(this.sourceZ_,pt,ct,a);yt&&this.sourceTiles_.push({tile:yt,offset:F*z})}++F}),0===this.sourceTiles_.length&&(this.state=4)}else this.state=4}getImage(){return this.canvas_}reproject_(){const t=[];if(this.sourceTiles_.forEach(e=>{const i=e.tile;if(i&&2==i.getState()){const r=this.sourceTileGrid_.getTileCoordExtent(i.tileCoord);r[0]+=e.offset,r[2]+=e.offset;const s=this.clipExtent_?.slice();s&&(s[0]+=e.offset,s[2]+=e.offset),t.push({extent:r,clipExtent:s,image:i.getImage()})}}),this.sourceTiles_.length=0,0===t.length)this.state=3;else{const e=this.wrappedTileCoord_[0],i=this.targetTileGrid_.getTileSize(e),r="number"==typeof i?i:i[0],s="number"==typeof i?i:i[1],o=this.targetTileGrid_.getResolution(e),a=this.sourceTileGrid_.getResolution(this.sourceZ_),l=this.targetTileGrid_.getTileCoordExtent(this.wrappedTileCoord_);this.canvas_=function _u(n,t,e,i,r,s,o,a,l,h,c,u,d,f){const g=At(Math.round(e*n),Math.round(e*t),Qe);if(u||(g.imageSmoothingEnabled=!1),0===l.length)return g.canvas;function p(R){return Math.round(R*e)/e}g.scale(e,e),g.globalCompositeOperation="lighter";const v=[1/0,1/0,-1/0,-1/0];let C;l.forEach(function(R,z,F){!function Ia(n,t){t[0]n[2]&&(n[2]=t[2]),t[1]n[3]&&(n[3]=t[3])}(v,R.extent)});const w=e/i,A=(u?1:1+Math.pow(2,-24))/w;if(!d||1!==l.length||0!==h){if(C=At(Math.round(Q(v)*w),Math.round(Rt(v)*w),Qe),u||(C.imageSmoothingEnabled=!1),r&&f){const R=(r[0]-v[0])*w,z=-(r[3]-v[3])*w,F=Q(r)*w,O=Rt(r)*w;C.rect(R,z,F,O),C.clip()}l.forEach(function(R,z,F){if(R.image.width>0&&R.image.height>0){if(R.clipExtent){C.save();const ct=(R.clipExtent[0]-v[0])*w,yt=-(R.clipExtent[3]-v[3])*w,Dt=Q(R.clipExtent)*w,Wt=Rt(R.clipExtent)*w;C.rect(u?ct:Math.round(ct),u?yt:Math.round(yt),u?Dt:Math.round(ct+Dt)-Math.round(ct),u?Wt:Math.round(yt+Wt)-Math.round(yt)),C.clip()}const O=(R.extent[0]-v[0])*w,N=-(R.extent[3]-v[3])*w,rt=Q(R.extent)*w,pt=Rt(R.extent)*w;C.drawImage(R.image,h,h,R.image.width-2*h,R.image.height-2*h,u?O:Math.round(O),u?N:Math.round(N),u?rt:Math.round(O+rt)-Math.round(O),u?pt:Math.round(N+pt)-Math.round(N)),R.clipExtent&&C.restore()}})}const I=be(o);return a.getTriangles().forEach(function(R,z,F){const O=R.source,N=R.target;let rt=O[0][0],pt=O[0][1],ct=O[1][0],yt=O[1][1],Dt=O[2][0],Wt=O[2][1];const tt=p((N[0][0]-I[0])/s),Kt=p(-(N[0][1]-I[1])/s),Lt=p((N[1][0]-I[0])/s),te=p(-(N[1][1]-I[1])/s),Mt=p((N[2][0]-I[0])/s),Ft=p(-(N[2][1]-I[1])/s),ut=rt,dt=pt;rt=0,pt=0,ct-=ut,yt-=dt,Dt-=ut,Wt-=dt;const Vt=function sa(n){const t=n.length;for(let i=0;is&&(s=l,r=a)}if(0===s)return null;const o=n[r];n[r]=n[i],n[i]=o;for(let a=i+1;a=0;i--){e[i]=n[i][t]/n[i][i];for(let r=i-1;r>=0;r--)n[r][t]-=n[r][i]*e[i]}return e}([[ct,yt,0,0,Lt-tt],[Dt,Wt,0,0,Mt-tt],[0,0,ct,yt,te-Kt],[0,0,Dt,Wt,Ft-Kt]]);if(!Vt)return;if(g.save(),g.beginPath(),function fu(){if(void 0===br){const n=At(6,6,Qe);n.globalCompositeOperation="lighter",n.fillStyle="rgba(210, 0, 0, 0.75)",Do(n,4,5,4,0),Do(n,4,5,0,5);const t=n.getImageData(0,0,3,3).data;br=Lr(t,0)||Lr(t,4)||Lr(t,8),nr(n),Qe.push(n.canvas)}return br}()||!u){g.moveTo(Lt,te);const Et=4,ce=tt-Lt,Pn=Kt-te;for(let kt=0;kt{const i=e.getState();if(0==i||1==i){t++;const r=Y(e,"change",function(s){const o=e.getState();(2==o||3==o||4==o)&&(et(r),t--,0===t&&(this.unlistenSources_(),this.reproject_()))},this);this.sourcesListenerKeys_.push(r)}}),0===t?setTimeout(this.reproject_.bind(this),0):this.sourceTiles_.forEach(function({tile:e},i,r){0==e.getState()&&e.load()})}}unlistenSources_(){this.sourcesListenerKeys_.forEach(et),this.sourcesListenerKeys_=null}release(){this.canvas_&&(nr(this.canvas_.getContext("2d")),Qe.push(this.canvas_),this.canvas_=null),super.release()}};class No{constructor(t,e,i,r){this.minX=t,this.maxX=e,this.minY=i,this.maxY=r}contains(t){return this.containsXY(t[1],t[2])}containsTileRange(t){return this.minX<=t.minX&&t.maxX<=this.maxX&&this.minY<=t.minY&&t.maxY<=this.maxY}containsXY(t,e){return this.minX<=t&&t<=this.maxX&&this.minY<=e&&e<=this.maxY}equals(t){return this.minX==t.minX&&this.minY==t.minY&&this.maxX==t.maxX&&this.maxY==t.maxY}extend(t){t.minXthis.maxX&&(this.maxX=t.maxX),t.minYthis.maxY&&(this.maxY=t.maxY)}getHeight(){return this.maxY-this.minY+1}getSize(){return[this.getWidth(),this.getHeight()]}getWidth(){return this.maxX-this.minX+1}intersects(t){return this.minX<=t.maxX&&this.maxX>=t.minX&&this.minY<=t.maxY&&this.maxY>=t.minY}}function tn(n,t,e,i,r){return void 0!==r?(r.minX=n,r.maxX=t,r.minY=e,r.maxY=i,r):new No(n,t,e,i)}const ko=No,yu=class pu extends su{constructor(t){super(t),this.extentChanged=!0,this.renderedExtent_=null,this.renderedProjection=null,this.renderedTiles=[],this.newTiles_=!1,this.tmpExtent=[1/0,1/0,-1/0,-1/0],this.tmpTileRange_=new ko(0,0,0,0)}isDrawableTile(t){const e=this.getLayer(),i=t.getState(),r=e.getUseInterimTilesOnError();return 2==i||4==i||3==i&&!r}getTile(t,e,i,r){const s=r.pixelRatio,o=r.viewState.projection,a=this.getLayer();let h=a.getSource().getTile(t,e,i,s,o);return 3==h.getState()&&a.getUseInterimTilesOnError()&&a.getPreload()>0&&(this.newTiles_=!0),this.isDrawableTile(h)||(h=h.getInterimTile()),h}getData(t){const e=this.frameState;if(!e)return null;const i=this.getLayer(),r=Ot(e.pixelToCoordinateTransform,t.slice()),s=i.getExtent();if(s&&!wi(s,r))return null;const o=e.pixelRatio,a=e.viewState.projection,l=e.viewState,h=i.getRenderSource(),c=h.getTileGridForProjection(l.projection),u=h.getTilePixelRatio(e.pixelRatio);for(let d=c.getZForResolution(l.resolution);d>=c.getMinZoom();--d){const f=c.getTileCoordForCoordAndZ(r,d),g=h.getTile(d,f[1],f[2],o,a);if(!(g instanceof So||g instanceof Pr)||g instanceof Pr&&4===g.getState())return null;if(2!==g.getState())continue;const p=c.getOrigin(d),v=xt(c.getTileSize(d)),C=c.getResolution(d),w=Math.floor(u*((r[0]-p[0])/C-f[1]*v[0])),A=Math.floor(u*((p[1]-r[1])/C-f[2]*v[1])),I=Math.round(u*h.getGutterForProjection(l.projection));return this.getImageData(g.getImage(),w+I,A+I)}return null}loadedTileCallback(t,e,i){return!!this.isDrawableTile(i)&&super.loadedTileCallback(t,e,i)}prepareFrame(t){return!!this.getLayer().getSource()}renderFrame(t,e){const i=t.layerStatesArray[t.layerIndex],r=t.viewState,s=r.projection,o=r.resolution,a=r.center,l=r.rotation,h=t.pixelRatio,c=this.getLayer(),u=c.getSource(),d=u.getRevision(),f=u.getTileGridForProjection(s),g=f.getZForResolution(o,u.zDirection),p=f.getResolution(g);let v=t.extent;const C=t.viewState.resolution,w=u.getTilePixelRatio(h);this.prepareContainer(t,e);const A=this.context.canvas.width,I=this.context.canvas.height,R=i.extent&&We(i.extent);R&&(v=Ue(v,We(i.extent)));const z=p*A/2/w,F=p*I/2/w,O=[a[0]-z,a[1]-F,a[0]+z,a[1]+F],N=f.getTileRangeForExtentAndZ(v,g),rt={};rt[g]={};const pt=this.createLoadedTileFinder(u,s,rt),ct=this.tmpExtent,yt=this.tmpTileRange_;this.newTiles_=!1;const Dt=l?Ri(r.center,C,l,t.size):void 0;for(let Ft=N.minX;Ft<=N.maxX;++Ft)for(let ut=N.minY;ut<=N.maxY;++ut){if(l&&!f.tileCoordIntersectsViewport([g,Ft,ut],Dt))continue;const dt=this.getTile(g,Ft,ut,t);if(this.isDrawableTile(dt)){const Nt=vt(this);if(2==dt.getState()){rt[g][dt.tileCoord.toString()]=dt;let Et=dt.inTransition(Nt);Et&&1!==i.opacity&&(dt.endTransition(Nt),Et=!1),!this.newTiles_&&(Et||!this.renderedTiles.includes(dt))&&(this.newTiles_=!0)}if(1===dt.getAlpha(Nt,t.time))continue}const Ln=f.getTileCoordChildTileRange(dt.tileCoord,yt,ct);let Vt=!1;Ln&&(Vt=pt(g+1,Ln)),Vt||f.forEachTileCoordParentTileRange(dt.tileCoord,pt,yt,ct)}const Wt=p/o*h/w,tt=this.getRenderContext(t);Ve(this.tempTransform,A/2,I/2,Wt,Wt,0,-A/2,-I/2),R&&this.clipUnrotated(tt,t,R),u.getInterpolate()||(tt.imageSmoothingEnabled=!1),this.preRender(tt,t),this.renderedTiles.length=0;let Lt,te,Mt,Kt=Object.keys(rt).map(Number);Kt.sort(ne),1!==i.opacity||this.containerReused&&!u.getOpaque(t.viewState.projection)?(Lt=[],te=[]):Kt=Kt.reverse();for(let Ft=Kt.length-1;Ft>=0;--Ft){const ut=Kt[Ft],dt=u.getTilePixelSize(ut,h,s),Vt=f.getResolution(ut)/p,Nt=dt[0]*Vt*Wt,Et=dt[1]*Vt*Wt,ce=f.getTileCoordForCoordAndZ(be(O),ut),Pn=f.getTileCoordExtent(ce),kt=Ot(this.tempTransform,[w*(Pn[0]-O[0])/p,w*(O[3]-Pn[3])/p]),cd=w*u.getGutterForProjection(s),qo=rt[ut];for(const ud in qo){const nn=qo[ud],Ho=nn.tileCoord,$o=ce[1]-Ho[1],dd=Math.round(kt[0]-($o-1)*Nt),Jo=ce[2]-Ho[2],fd=Math.round(kt[1]-(Jo-1)*Et),ue=Math.round(kt[0]-$o*Nt),de=Math.round(kt[1]-Jo*Et),Sn=dd-ue,On=fd-de,Qo=g===ut,ta=Qo&&1!==nn.getAlpha(vt(this),t.time);let Fr=!1;if(!ta)if(Lt){Mt=[ue,de,ue+Sn,de,ue+Sn,de+On,ue,de+On];for(let _i=0,gd=Lt.length;_i0&&this.getCount()>this.highWaterMark}expireCache(t){for(;this.canExpireCache();)this.pop()}clear(){this.count_=0,this.entries_={},this.oldest_=null,this.newest_=null}containsKey(t){return this.entries_.hasOwnProperty(t)}forEach(t){let e=this.oldest_;for(;e;)t(e.value_,e.key_,this),e=e.newer}get(t,e){const i=this.entries_[t];return H(void 0!==i,"Tried to get a value for a key that does not exist in the cache"),i===this.newest_||(i===this.oldest_?(this.oldest_=this.oldest_.newer,this.oldest_.older=null):(i.newer.older=i.older,i.older.newer=i.newer),i.newer=null,i.older=this.newest_,this.newest_.newer=i,this.newest_=i),i.value_}remove(t){const e=this.entries_[t];return H(void 0!==e,"Tried to get a value for a key that does not exist in the cache"),e===this.newest_?(this.newest_=e.older,this.newest_&&(this.newest_.newer=null)):e===this.oldest_?(this.oldest_=e.newer,this.oldest_&&(this.oldest_.older=null)):(e.newer.older=e.older,e.older.newer=e.newer),delete this.entries_[t],--this.count_,e.value_}getCount(){return this.count_}getKeys(){const t=new Array(this.count_);let i,e=0;for(i=this.newest_;i;i=i.older)t[e++]=i.key_;return t}getValues(){const t=new Array(this.count_);let i,e=0;for(i=this.newest_;i;i=i.older)t[e++]=i.value_;return t}peekLast(){return this.oldest_.value_}peekLastKey(){return this.oldest_.key_}peekFirstKey(){return this.newest_.key_}peek(t){return this.entries_[t]?.value_}pop(){const t=this.oldest_;return delete this.entries_[t.key_],t.newer&&(t.newer.older=null),this.oldest_=t.newer,this.oldest_||(this.newest_=null),--this.count_,t.value_}replace(t,e){this.get(t),this.entries_[t].value_=e}set(t,e){H(!(t in this.entries_),"Tried to set a value for a key that is used already");const i={key_:t,newer:null,older:this.newest_,value_:e};this.newest_?this.newest_.newer=i:this.oldest_=i,this.newest_=i,this.entries_[t]=i,++this.count_}setSize(t){this.highWaterMark=t}};function Go(n,t,e,i){return void 0!==i?(i[0]=n,i[1]=t,i[2]=e,i):[n,t,e]}function bn(n,t,e){return n+"/"+t+"/"+e}function Xo(n){return bn(n[0],n[1],n[2])}const Yo=class Iu extends wu{clear(){for(;this.getCount()>0;)this.pop().release();super.clear()}expireCache(t){for(;this.canExpireCache()&&!(this.peekLast().getKey()in t);)this.pop().release()}pruneExceptNewestZ(){if(0===this.getCount())return;const i=function Cu(n){return n.split("/").map(Number)}(this.peekFirstKey())[0];this.forEach(r=>{r.tileCoord[0]!==i&&(this.remove(Xo(r.tileCoord)),r.release())})}};function Zo(n){return n?Array.isArray(n)?function(t){return n}:"function"==typeof n?n:function(t){return[n]}:null}const xu=class Mu extends re{constructor(t){super(),this.projection=ft(t.projection),this.attributions_=Zo(t.attributions),this.attributionsCollapsible_=void 0===t.attributionsCollapsible||t.attributionsCollapsible,this.loading=!1,this.state_=void 0!==t.state?t.state:"ready",this.wrapX_=void 0!==t.wrapX&&t.wrapX,this.interpolate_=!!t.interpolate,this.viewResolver=null,this.viewRejector=null;const e=this;this.viewPromise_=new Promise(function(i,r){e.viewResolver=i,e.viewRejector=r})}getAttributions(){return this.attributions_}getAttributionsCollapsible(){return this.attributionsCollapsible_}getProjection(){return this.projection}getResolutions(t){return null}getView(){return this.viewPromise_}getState(){return this.state_}getWrapX(){return this.wrapX_}getInterpolate(){return this.interpolate_}refresh(){this.changed()}setAttributions(t){this.attributions_=Zo(t),this.changed()}setState(t){this.state_=t,this.changed()}},en=[0,0,0],Uo=class Au{constructor(t){let e;if(this.minZoom=void 0!==t.minZoom?t.minZoom:0,this.resolutions_=t.resolutions,H(function x(n,t,e){const i=t||ne;return n.every(function(r,s){if(0===s)return!0;const o=i(n[s-1],r);return!(o>0||e&&0===o)})}(this.resolutions_,(r,s)=>s-r,!0),"`resolutions` must be sorted in descending order"),!t.origins)for(let r=0,s=this.resolutions_.length-1;r{const o=new ko(Math.min(0,r[0]),Math.max(r[0]-1,-1),Math.min(0,r[1]),Math.max(r[1]-1,-1));if(i){const a=this.getTileRangeForExtentAndZ(i,s);o.minX=Math.max(a.minX,o.minX),o.maxX=Math.min(a.maxX,o.maxX),o.minY=Math.max(a.minY,o.minY),o.maxY=Math.min(a.maxY,o.maxY)}return o}):i&&this.calculateTileRanges_(i)}forEachTileCoord(t,e,i){const r=this.getTileRangeForExtentAndZ(t,e);for(let s=r.minX,o=r.maxX;s<=o;++s)for(let a=r.minY,l=r.maxY;a<=l;++a)i([e,s,a])}forEachTileCoordParentTileRange(t,e,i,r){let s,o,a,l=null,h=t[0]-1;for(2===this.zoomFactor_?(o=t[1],a=t[2]):l=this.getTileCoordExtent(t,r);h>=this.minZoom;){if(void 0!==o&&void 0!==a?(o=Math.floor(o/2),a=Math.floor(a/2),s=tn(o,o,a,a,i)):s=this.getTileRangeForExtentAndZ(l,h,i),e(h,s))return!0;--h}return!1}getExtent(){return this.extent_}getMaxZoom(){return this.maxZoom}getMinZoom(){return this.minZoom}getOrigin(t){return this.origin_?this.origin_:this.origins_[t]}getResolution(t){return this.resolutions_[t]}getResolutions(){return this.resolutions_}getTileCoordChildTileRange(t,e,i){if(t[0]this.maxZoom||e0?i:Math.max(s/e[0],r/e[1]);const o=t+1,a=new Array(o);for(let l=0;le||e>t.getMaxZoom())return!1;const s=t.getFullTileRange(e);return!s||s.containsXY(i,r)}(t,i)?t:null}clear(){this.tileCache.clear()}refresh(){this.clear(),super.refresh()}updateCacheSize(t,e){const i=this.getTileCacheForProjection(e);t>i.highWaterMark&&(i.highWaterMark=t)}useTile(t,e,i,r){}};function Nu(n,t){const e=/\{z\}/g,i=/\{x\}/g,r=/\{y\}/g,s=/\{-y\}/g;return function(o,a,l){if(o)return n.replace(e,o[0].toString()).replace(i,o[1].toString()).replace(r,o[2].toString()).replace(s,function(){const c=t.getFullTileRange(o[0]);if(!c)throw new Error("The {-y} placeholder requires a tile grid with extent");return(c.getHeight()-o[2]-1).toString()})}}class Dr extends Fu{constructor(t){super({attributions:t.attributions,cacheSize:t.cacheSize,opaque:t.opaque,projection:t.projection,state:t.state,tileGrid:t.tileGrid,tilePixelRatio:t.tilePixelRatio,wrapX:t.wrapX,transition:t.transition,interpolate:t.interpolate,key:t.key,attributionsCollapsible:t.attributionsCollapsible,zDirection:t.zDirection}),this.generateTileUrlFunction_=this.tileUrlFunction===Dr.prototype.tileUrlFunction,this.tileLoadFunction=t.tileLoadFunction,t.tileUrlFunction&&(this.tileUrlFunction=t.tileUrlFunction),this.urls=null,t.urls?this.setUrls(t.urls):t.url&&this.setUrl(t.url),this.tileLoadingKeys_={}}getTileLoadFunction(){return this.tileLoadFunction}getTileUrlFunction(){return Object.getPrototypeOf(this).tileUrlFunction===this.tileUrlFunction?this.tileUrlFunction.bind(this):this.tileUrlFunction}getUrls(){return this.urls}handleTileChange(t){const e=t.target,i=vt(e),r=e.getState();let s;1==r?(this.tileLoadingKeys_[i]=!0,s="tileloadstart"):i in this.tileLoadingKeys_&&(delete this.tileLoadingKeys_[i],s=3==r?"tileloaderror":2==r?"tileloadend":void 0),null!=s&&this.dispatchEvent(new Du(s,e))}setTileLoadFunction(t){this.tileCache.clear(),this.tileLoadFunction=t,this.changed()}setTileUrlFunction(t,e){this.tileUrlFunction=t,this.tileCache.pruneExceptNewestZ(),typeof e<"u"?this.setKey(e):this.changed()}setUrl(t){const e=function Gu(n){const t=[];let e=/\{([a-z])-([a-z])\}/.exec(n);if(e){const i=e[1].charCodeAt(0),r=e[2].charCodeAt(0);let s;for(s=i;s<=r;++s)t.push(n.replace(e[0],String.fromCharCode(s)));return t}if(e=/\{(\d+)-(\d+)\}/.exec(n),e){const i=parseInt(e[2],10);for(let r=parseInt(e[1],10);r<=i;r++)t.push(n.replace(e[0],r.toString()));return t}return t.push(n),t}(t);this.urls=e,this.setUrls(e)}setUrls(t){this.urls=t;const e=t.join("\n");this.generateTileUrlFunction_?this.setTileUrlFunction(function ku(n,t){const e=n.length,i=new Array(e);for(let r=0;rthis.getTileInternal(v,C,w,A,o),this.reprojectionErrorThreshold_,this.renderReprojectionEdges_,this.tileOptions);return p.key=u,h?(p.interimTile=h,p.refreshInterimChain(),a.replace(c,p)):a.set(c,p),p}getTileInternal(t,e,i,r,s){let o=null;const a=bn(t,e,i),l=this.getKey();if(this.tileCache.containsKey(a)){if(o=this.tileCache.get(a),o.key!=l){const h=o;o=this.createTile_(t,e,i,r,s,l),o.interimTile=0==h.getState()?h.interimTile:h,o.refreshInterimChain(),this.tileCache.replace(a,o)}}else o=this.createTile_(t,e,i,r,s,l),this.tileCache.set(a,o);return o}setRenderReprojectionEdges(t){if(this.renderReprojectionEdges_!=t){this.renderReprojectionEdges_=t;for(const e in this.tileCacheForProjection)this.tileCacheForProjection[e].clear();this.changed()}}setTileGridForProjection(t,e){const i=ft(t);if(i){const r=vt(i);r in this.tileGridForProjection||(this.tileGridForProjection[r]=e)}}clear(){super.clear();for(const t in this.tileCacheForProjection)this.tileCacheForProjection[t].clear()}},Ko=class ju extends Uu{constructor(t){const e=void 0!==(t=t||{}).projection?t.projection:"EPSG:3857",i=void 0!==t.tileGrid?t.tileGrid:function Pu(n){const t=n||{},e=t.extent||ft("EPSG:3857").getExtent(),i={extent:e,minZoom:t.minZoom,tileSize:t.tileSize,resolutions:Wo(e,t.maxZoom,t.tileSize,t.maxResolution)};return new Uo(i)}({extent:Or(e),maxResolution:t.maxResolution,maxZoom:t.maxZoom,minZoom:t.minZoom,tileSize:t.tileSize});super({attributions:t.attributions,cacheSize:t.cacheSize,crossOrigin:t.crossOrigin,interpolate:t.interpolate,opaque:t.opaque,projection:e,reprojectionErrorThreshold:t.reprojectionErrorThreshold,tileGrid:i,tileLoadFunction:t.tileLoadFunction,tilePixelRatio:t.tilePixelRatio,tileUrlFunction:t.tileUrlFunction,url:t.url,urls:t.urls,wrapX:void 0===t.wrapX||t.wrapX,transition:t.transition,attributionsCollapsible:t.attributionsCollapsible,zDirection:t.zDirection}),this.gutter_=void 0!==t.gutter?t.gutter:0}getGutter(){return this.gutter_}};var E=ot(5849),Wu=ot(9862);let Vo=(()=>{class n{constructor(e){this.http=e,this.baseUrl="http://127.0.0.1:8093/api/layers/sentinel"}getSentinelLayer(e,i,r,s,o,a,l){let h={};return void 0!==a&&(h.latitude=a),void 0!==l&&(h.longitude=l),this.http.get(`${this.baseUrl}/${e}/${i}/${r}/${s}/${o}`,{params:h})}static#t=this.\u0275fac=function(i){return new(i||n)(E.LFG(Wu.eN))};static#e=this.\u0275prov=E.Yz7({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();var Bo=ot(1735);function Ku(n,t){if(1&n&&(E.TgZ(0,"div",2),E._UZ(1,"div",3),E.qZA()),2&n){const e=t.$implicit;E.xp6(1),E.Q6J("id",e.id)}}let Vu=(()=>{class n{constructor(e,i){this.layerService=e,this.pointService=i,this.periods=["WET","DRY"],this.years=[2017,2018,2019,2020,2021,2022,2023],this.months=["02","09"],this.maps=[],this.centerCoordinates=qn([-57.149819,-21.329828]),this.mapsInstances=[]}ngOnInit(){this.initializeMaps(),this.pointService.point$.subscribe({next:e=>{e.lat&&e.lon&&this.updateCenterCoordinates([e.lon,e.lat])}})}initializeMaps(){for(let e of this.years)for(let i of this.months){let r="02"===i?"WET":"DRY",s=`map-${r}-${e}`;this.maps.push({period:r,year:e,id:s}),this.createMap(s,r,e)}}createMap(e,i,r){setTimeout(()=>{const s=new Lo({target:e,layers:[new zo({source:new Ko({url:`https://tm{1-5}.lapig.iesa.ufg.br/api/layers/s2_harmonized/${i}/${r}/{x}/{y}/{z}`,attributions:`${i} - ${r}`,attributionsCollapsible:!1})})],view:new Zt({center:this.centerCoordinates,zoom:13}),interactions:Ar().extend([new Fe({handleDownEvent:o=>{const a=ss(o.coordinate);return this.updateCenterCoordinates(a),!0}})])});this.mapsInstances.push(s)},0)}updateCenterCoordinates(e){this.centerCoordinates=qn(e),this.updateMaps()}updateMaps(){for(let e of this.mapsInstances)e.getView().setCenter(this.centerCoordinates)}static#t=this.\u0275fac=function(i){return new(i||n)(E.Y36(Vo),E.Y36(Bo.H))};static#e=this.\u0275cmp=E.Xpm({type:n,selectors:[["app-map-grid"]],decls:2,vars:1,consts:[[1,"map-grid"],["class","map-item",4,"ngFor","ngForOf"],[1,"map-item"],[1,"map-container",3,"id"]],template:function(i,r){1&i&&(E.TgZ(0,"div",0),E.YNc(1,Ku,2,1,"div",1),E.qZA()),2&i&&(E.xp6(1),E.Q6J("ngForOf",r.maps))},dependencies:[ee.sg],styles:[".map-grid[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.map-item[_ngcontent-%COMP%]{flex:1 1 20%;margin:1px;text-align:center}.map-container[_ngcontent-%COMP%]{width:100%;height:300px}"]})}return n})();var gi=ot(5219);function Bu(n,t){1&n&&E.GkF(0)}function qu(n,t){if(1&n&&(E.TgZ(0,"div",8),E.Hsn(1,1),E.YNc(2,Bu,1,0,"ng-container",6),E.qZA()),2&n){const e=E.oxw();E.xp6(2),E.Q6J("ngTemplateOutlet",e.headerTemplate)}}function Hu(n,t){1&n&&E.GkF(0)}function $u(n,t){if(1&n&&(E.TgZ(0,"div",9),E._uU(1),E.YNc(2,Hu,1,0,"ng-container",6),E.qZA()),2&n){const e=E.oxw();E.xp6(1),E.hij(" ",e.header," "),E.xp6(1),E.Q6J("ngTemplateOutlet",e.titleTemplate)}}function Ju(n,t){1&n&&E.GkF(0)}function Qu(n,t){if(1&n&&(E.TgZ(0,"div",10),E._uU(1),E.YNc(2,Ju,1,0,"ng-container",6),E.qZA()),2&n){const e=E.oxw();E.xp6(1),E.hij(" ",e.subheader," "),E.xp6(1),E.Q6J("ngTemplateOutlet",e.subtitleTemplate)}}function td(n,t){1&n&&E.GkF(0)}function ed(n,t){1&n&&E.GkF(0)}function nd(n,t){if(1&n&&(E.TgZ(0,"div",11),E.Hsn(1,2),E.YNc(2,ed,1,0,"ng-container",6),E.qZA()),2&n){const e=E.oxw();E.xp6(2),E.Q6J("ngTemplateOutlet",e.footerTemplate)}}const id=["*",[["p-header"]],[["p-footer"]]],rd=["*","p-header","p-footer"];let sd=(()=>{class n{el;header;subheader;style;styleClass;headerFacet;footerFacet;templates;headerTemplate;titleTemplate;subtitleTemplate;contentTemplate;footerTemplate;constructor(e){this.el=e}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"header":this.headerTemplate=e.template;break;case"title":this.titleTemplate=e.template;break;case"subtitle":this.subtitleTemplate=e.template;break;case"content":default:this.contentTemplate=e.template;break;case"footer":this.footerTemplate=e.template}})}getBlockableElement(){return this.el.nativeElement.children[0]}static \u0275fac=function(i){return new(i||n)(E.Y36(E.SBq))};static \u0275cmp=E.Xpm({type:n,selectors:[["p-card"]],contentQueries:function(i,r,s){if(1&i&&(E.Suo(s,gi.h4,5),E.Suo(s,gi.$_,5),E.Suo(s,gi.jx,4)),2&i){let o;E.iGM(o=E.CRH())&&(r.headerFacet=o.first),E.iGM(o=E.CRH())&&(r.footerFacet=o.first),E.iGM(o=E.CRH())&&(r.templates=o)}},hostAttrs:[1,"p-element"],inputs:{header:"header",subheader:"subheader",style:"style",styleClass:"styleClass"},ngContentSelectors:rd,decls:9,vars:10,consts:[[3,"ngClass","ngStyle"],["class","p-card-header",4,"ngIf"],[1,"p-card-body"],["class","p-card-title",4,"ngIf"],["class","p-card-subtitle",4,"ngIf"],[1,"p-card-content"],[4,"ngTemplateOutlet"],["class","p-card-footer",4,"ngIf"],[1,"p-card-header"],[1,"p-card-title"],[1,"p-card-subtitle"],[1,"p-card-footer"]],template:function(i,r){1&i&&(E.F$t(id),E.TgZ(0,"div",0),E.YNc(1,qu,3,1,"div",1),E.TgZ(2,"div",2),E.YNc(3,$u,3,2,"div",3)(4,Qu,3,2,"div",4),E.TgZ(5,"div",5),E.Hsn(6),E.YNc(7,td,1,0,"ng-container",6),E.qZA(),E.YNc(8,nd,3,1,"div",7),E.qZA()()),2&i&&(E.Tol(r.styleClass),E.Q6J("ngClass","p-card p-component")("ngStyle",r.style),E.uIk("data-pc-name","card"),E.xp6(1),E.Q6J("ngIf",r.headerFacet||r.headerTemplate),E.xp6(2),E.Q6J("ngIf",r.header||r.titleTemplate),E.xp6(1),E.Q6J("ngIf",r.subheader||r.subtitleTemplate),E.xp6(3),E.Q6J("ngTemplateOutlet",r.contentTemplate),E.xp6(1),E.Q6J("ngIf",r.footerFacet||r.footerTemplate))},dependencies:[ee.mk,ee.O5,ee.tP,ee.PC],styles:["@layer primeng{.p-card-header img{width:100%}}\n"],encapsulation:2,changeDetection:0})}return n})(),od=(()=>{class n{static \u0275fac=function(i){return new(i||n)};static \u0275mod=E.oAB({type:n});static \u0275inj=E.cJS({imports:[ee.ez,gi.m8]})}return n})(),ad=(()=>{class n{constructor(e,i){this.layerService=e,this.pointService=i,this.periods=["WET","DRY"],this.years=[2017,2018,2019,2020,2021,2022,2023],this.months=["02","09"],this.maps=[],this.centerCoordinates=qn([-57.149819,-21.329828]),this.mapsInstances=[]}ngOnInit(){this.initializeMaps(),this.pointService.point$.subscribe({next:e=>{e.lat&&e.lon&&this.updateCenterCoordinates([e.lon,e.lat])}})}initializeMaps(){for(let e of this.years)for(let i of this.months){let r="02"===i?"WET":"DRY",s=`map-${r}-${e}`;this.maps.push({period:r,year:e,id:s}),this.createMap(s,r,e)}}createMap(e,i,r){setTimeout(()=>{const s=new Lo({target:e,layers:[new zo({source:new Ko({url:`https://tm{1-5}.lapig.iesa.ufg.br/api/layers/s2_harmonized/${i}/${r}/{x}/{y}/{z}`,attributions:`${i} - ${r}`,attributionsCollapsible:!1})})],view:new Zt({center:this.centerCoordinates,zoom:13}),interactions:Ar().extend([new Fe({handleDownEvent:o=>{const a=ss(o.coordinate);return this.updateCenterCoordinates(a),!0}})])});this.mapsInstances.push(s)},0)}updateCenterCoordinates(e){this.centerCoordinates=qn(e),this.updateMaps()}updateMaps(){for(let e of this.mapsInstances)e.getView().setCenter(this.centerCoordinates)}static#t=this.\u0275fac=function(i){return new(i||n)(E.Y36(Vo),E.Y36(Bo.H))};static#e=this.\u0275cmp=E.Xpm({type:n,selectors:[["app-map-grid"]],decls:7,vars:0,consts:[[1,"text-center"]],template:function(i,r){1&i&&(E.TgZ(0,"p-card")(1,"h1",0),E._uU(2,"Sentinel 2 Images"),E.qZA(),E.TgZ(3,"p"),E._uU(4,"This component displays multiple map instances based on different periods and years."),E.qZA(),E.TgZ(5,"p"),E._uU(6," The Map Grid Component initializes multiple maps for the specified periods (WET and DRY) and years (2017 to 2023). It uses OpenLayers to render map tiles from a remote server. Users can interact with the maps to update center coordinates. "),E.qZA()())},dependencies:[sd],encapsulation:2})}return n})(),ld=(()=>{class n{static#t=this.\u0275fac=function(i){return new(i||n)};static#e=this.\u0275mod=E.oAB({type:n});static#n=this.\u0275inj=E.cJS({imports:[$.Bz.forChild([{path:"",data:{breadcrumb:"Maps"},component:ad},{path:"sentinel",data:{breadcrumb:"Maps"},component:Vu},{path:"**",redirectTo:"/notfound"}]),$.Bz]})}return n})(),hd=(()=>{class n{static#t=this.\u0275fac=function(i){return new(i||n)};static#e=this.\u0275mod=E.oAB({type:n});static#n=this.\u0275inj=E.cJS({imports:[ee.ez,ld,od]})}return n})()},1414:function(Nr){Nr.exports=function(){"use strict";function rn(_,m,T,b,x){!function M(P,G,U,j,J){for(;j>U;){if(j-U>600){var V=j-U+1,st=G-U+1,qt=Math.log(V),D=.5*Math.exp(2*qt/3),Y=.5*Math.sqrt(qt*D*(V-D)/V)*(st-V/2<0?-1:1);M(P,G,Math.max(U,Math.floor(G-st*D/V+Y)),Math.min(j,Math.floor(G+(V-st)*D/V+Y)),J)}var ie=P[G],Re=U,Tt=j;for(ot(P,U,G),J(P[j],ie)>0&&ot(P,U,j);Re0;)Tt--}0===J(P[U],ie)?ot(P,U,Tt):ot(P,++Tt,j),Tt<=G&&(U=Tt+1),G<=Tt&&(j=Tt-1)}}(_,m,T||0,b||_.length-1,x||ee)}function ot(_,m,T){var b=_[m];_[m]=_[T],_[T]=b}function ee(_,m){return _m?1:0}var $=function(_){void 0===_&&(_=9),this._maxEntries=Math.max(4,_),this._minEntries=Math.max(2,Math.ceil(.4*this._maxEntries)),this.clear()};function mi(_,m,T){if(!T)return m.indexOf(_);for(var b=0;b=_.minX&&m.maxY>=_.minY}function Bt(_){return{children:_,height:1,leaf:!0,minX:1/0,minY:1/0,maxX:-1/0,maxY:-1/0}}function yi(_,m,T,b,x){for(var M=[m,T];M.length;)if(!((T=M.pop())-(m=M.pop())<=b)){var P=m+Math.ceil((T-m)/b/2)*b;rn(_,P,m,T,x),M.push(m,P,P,T)}}return $.prototype.all=function(){return this._all(this.data,[])},$.prototype.search=function(_){var m=this.data,T=[];if(!on(_,m))return T;for(var b=this.toBBox,x=[];m;){for(var M=0;M=0&&x[m].children.length>this._maxEntries;)this._split(x,m),m--;this._adjustParentBBoxes(b,x,m)},$.prototype._split=function(_,m){var T=_[m],b=T.children.length,x=this._minEntries;this._chooseSplitAxis(T,x,b);var M=this._chooseSplitIndex(T,x,b),P=Bt(T.children.splice(M,T.children.length-M));P.height=T.height,P.leaf=T.leaf,we(T,this.toBBox),we(P,this.toBBox),m?_[m-1].children.push(P):this._splitRoot(T,P)},$.prototype._splitRoot=function(_,m){this.data=Bt([_,m]),this.data.height=_.height+1,this.data.leaf=!1,we(this.data,this.toBBox)},$.prototype._chooseSplitIndex=function(_,m,T){for(var b,x,M,P,G,U,j,J=1/0,V=1/0,st=m;st<=T-m;st++){var qt=ke(_,0,st,this.toBBox),D=ke(_,st,T,this.toBBox),Y=(x=qt,M=D,void 0,void 0,void 0,void 0,P=Math.max(x.minX,M.minX),G=Math.max(x.minY,M.minY),U=Math.min(x.maxX,M.maxX),j=Math.min(x.maxY,M.maxY),Math.max(0,U-P)*Math.max(0,j-G)),Gt=Te(qt)+Te(D);Y=m;J--){var V=_.children[J];Ct(P,_.leaf?x(V):V),G+=sn(P)}return G},$.prototype._adjustParentBBoxes=function(_,m,T){for(var b=T;b>=0;b--)Ct(m[b],_)},$.prototype._condense=function(_){for(var m=_.length-1,T=void 0;m>=0;m--)0===_[m].children.length?m>0?(T=_[m-1].children).splice(T.indexOf(_[m]),1):this.clear():we(_[m],this.toBBox)},$}()}}]); \ No newline at end of file diff --git a/tiles/assets/demo/data/chat.json b/tiles/assets/demo/data/chat.json deleted file mode 100644 index cb6a3de..0000000 --- a/tiles/assets/demo/data/chat.json +++ /dev/null @@ -1,124 +0,0 @@ -{ - "data": [ - { - "id": 1, - "name": "Ioni Bowcher", - "image": "ionibowcher.png", - "status": "active", - "messages": [ - { - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit", - "ownerId": 1, - "createdAt": 1652646338240 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 1, - "createdAt": 1652646368718 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 123, - "createdAt": 1652646368718 - } - ], - "lastSeen": "2d" - }, - { - "id": 2, - "name": "Stephen Shaw", - "image": "stephenshaw.png", - "status": "away", - "messages": [ - { - "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat", - "ownerId": 1, - "createdAt": 1652646338240 - }, - { - "text": "Consequat mauris nunc congue nisi vitae suscipit.", - "ownerId": 1, - "createdAt": 1652646368718 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 123, - "createdAt": 1652646368718 - } - ], - "lastSeen": "2d" - }, - { - "id": 3, - "name": "Xuxue Feng", - "image": "xuxuefeng.png", - "status": "busy", - "messages": [ - { - "text": "Duis aute irure dolor in reprehenderit", - "ownerId": 1, - "createdAt": 1652646338240 - }, - { - "text": "Adipiscing tristique risus nec feugiat in fermentum posuere urna nec.", - "ownerId": 1, - "createdAt": 1652646368718 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 123, - "createdAt": 1652646368718 - } - ], - "lastSeen": "2d" - }, - { - "id": 4, - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png", - "status": "active", - "messages": [ - { - "text": "Ut enim ad minim veniam", - "ownerId": 1, - "createdAt": 1652646338240 - }, - { - "text": "Quis nostrud exercitation ullamco laboris nisi ut", - "ownerId": 1, - "createdAt": 1652646368718 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 123, - "createdAt": 1652646368718 - } - ], - "lastSeen": "2d" - }, - { - "id": 4, - "name": "Onyama Limba", - "image": "onyamalimba.png", - "status": "busy", - "messages": [ - { - "text": "Culpa qui officia deserunt mollit anim id est laborum", - "ownerId": 1, - "createdAt": 1652646338240 - }, - { - "text": "Excepteur sint occaecat cupidatat non proident", - "ownerId": 1, - "createdAt": 1652646368718 - }, - { - "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua", - "ownerId": 123, - "createdAt": 1652646368718 - } - ], - "lastSeen": "2d" - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/countries.json b/tiles/assets/demo/data/countries.json deleted file mode 100644 index 6ef54e7..0000000 --- a/tiles/assets/demo/data/countries.json +++ /dev/null @@ -1,246 +0,0 @@ -{ - "data": [ - {"name": "Afghanistan", "code": "AF"}, - {"name": "Albania", "code": "AL"}, - {"name": "Algeria", "code": "DZ"}, - {"name": "American Samoa", "code": "AS"}, - {"name": "Andorra", "code": "AD"}, - {"name": "Angola", "code": "AO"}, - {"name": "Anguilla", "code": "AI"}, - {"name": "Antarctica", "code": "AQ"}, - {"name": "Antigua and Barbuda", "code": "AG"}, - {"name": "Argentina", "code": "AR"}, - {"name": "Armenia", "code": "AM"}, - {"name": "Aruba", "code": "AW"}, - {"name": "Australia", "code": "AU"}, - {"name": "Austria", "code": "AT"}, - {"name": "Azerbaijan", "code": "AZ"}, - {"name": "Bahamas", "code": "BS"}, - {"name": "Bahrain", "code": "BH"}, - {"name": "Bangladesh", "code": "BD"}, - {"name": "Barbados", "code": "BB"}, - {"name": "Belarus", "code": "BY"}, - {"name": "Belgium", "code": "BE"}, - {"name": "Belize", "code": "BZ"}, - {"name": "Benin", "code": "BJ"}, - {"name": "Bermuda", "code": "BM"}, - {"name": "Bhutan", "code": "BT"}, - {"name": "Bolivia", "code": "BO"}, - {"name": "Bosnia and Herzegovina", "code": "BA"}, - {"name": "Botswana", "code": "BW"}, - {"name": "Bouvet Island", "code": "BV"}, - {"name": "Brazil", "code": "BR"}, - {"name": "British Indian Ocean Territory", "code": "IO"}, - {"name": "Brunei Darussalam", "code": "BN"}, - {"name": "Bulgaria", "code": "BG"}, - {"name": "Burkina Faso", "code": "BF"}, - {"name": "Burundi", "code": "BI"}, - {"name": "Cambodia", "code": "KH"}, - {"name": "Cameroon", "code": "CM"}, - {"name": "Canada", "code": "CA"}, - {"name": "Cape Verde", "code": "CV"}, - {"name": "Cayman Islands", "code": "KY"}, - {"name": "Central African Republic", "code": "CF"}, - {"name": "Chad", "code": "TD"}, - {"name": "Chile", "code": "CL"}, - {"name": "China", "code": "CN"}, - {"name": "Christmas Island", "code": "CX"}, - {"name": "Cocos (Keeling) Islands", "code": "CC"}, - {"name": "Colombia", "code": "CO"}, - {"name": "Comoros", "code": "KM"}, - {"name": "Congo", "code": "CG"}, - {"name": "Congo, The Democratic Republic of the", "code": "CD"}, - {"name": "Cook Islands", "code": "CK"}, - {"name": "Costa Rica", "code": "CR"}, - {"name": "Cote D\"Ivoire", "code": "CI"}, - {"name": "Croatia", "code": "HR"}, - {"name": "Cuba", "code": "CU"}, - {"name": "Cyprus", "code": "CY"}, - {"name": "Czech Republic", "code": "CZ"}, - {"name": "Denmark", "code": "DK"}, - {"name": "Djibouti", "code": "DJ"}, - {"name": "Dominica", "code": "DM"}, - {"name": "Dominican Republic", "code": "DO"}, - {"name": "Ecuador", "code": "EC"}, - {"name": "Egypt", "code": "EG"}, - {"name": "El Salvador", "code": "SV"}, - {"name": "Equatorial Guinea", "code": "GQ"}, - {"name": "Eritrea", "code": "ER"}, - {"name": "Estonia", "code": "EE"}, - {"name": "Ethiopia", "code": "ET"}, - {"name": "Falkland Islands (Malvinas)", "code": "FK"}, - {"name": "Faroe Islands", "code": "FO"}, - {"name": "Fiji", "code": "FJ"}, - {"name": "Finland", "code": "FI"}, - {"name": "France", "code": "FR"}, - {"name": "French Guiana", "code": "GF"}, - {"name": "French Polynesia", "code": "PF"}, - {"name": "French Southern Territories", "code": "TF"}, - {"name": "Gabon", "code": "GA"}, - {"name": "Gambia", "code": "GM"}, - {"name": "Georgia", "code": "GE"}, - {"name": "Germany", "code": "DE"}, - {"name": "Ghana", "code": "GH"}, - {"name": "Gibraltar", "code": "GI"}, - {"name": "Greece", "code": "GR"}, - {"name": "Greenland", "code": "GL"}, - {"name": "Grenada", "code": "GD"}, - {"name": "Guadeloupe", "code": "GP"}, - {"name": "Guam", "code": "GU"}, - {"name": "Guatemala", "code": "GT"}, - {"name": "Guernsey", "code": "GG"}, - {"name": "Guinea", "code": "GN"}, - {"name": "Guinea-Bissau", "code": "GW"}, - {"name": "Guyana", "code": "GY"}, - {"name": "Haiti", "code": "HT"}, - {"name": "Heard Island and Mcdonald Islands", "code": "HM"}, - {"name": "Holy See (Vatican City State)", "code": "VA"}, - {"name": "Honduras", "code": "HN"}, - {"name": "Hong Kong", "code": "HK"}, - {"name": "Hungary", "code": "HU"}, - {"name": "Iceland", "code": "IS"}, - {"name": "India", "code": "IN"}, - {"name": "Indonesia", "code": "ID"}, - {"name": "Iran, Islamic Republic Of", "code": "IR"}, - {"name": "Iraq", "code": "IQ"}, - {"name": "Ireland", "code": "IE"}, - {"name": "Isle of Man", "code": "IM"}, - {"name": "Israel", "code": "IL"}, - {"name": "Italy", "code": "IT"}, - {"name": "Jamaica", "code": "JM"}, - {"name": "Japan", "code": "JP"}, - {"name": "Jersey", "code": "JE"}, - {"name": "Jordan", "code": "JO"}, - {"name": "Kazakhstan", "code": "KZ"}, - {"name": "Kenya", "code": "KE"}, - {"name": "Kiribati", "code": "KI"}, - {"name": "Korea, Democratic People\"S Republic of", "code": "KP"}, - {"name": "Korea, Republic of", "code": "KR"}, - {"name": "Kuwait", "code": "KW"}, - {"name": "Kyrgyzstan", "code": "KG"}, - {"name": "Lao People\"S Democratic Republic", "code": "LA"}, - {"name": "Latvia", "code": "LV"}, - {"name": "Lebanon", "code": "LB"}, - {"name": "Lesotho", "code": "LS"}, - {"name": "Liberia", "code": "LR"}, - {"name": "Libyan Arab Jamahiriya", "code": "LY"}, - {"name": "Liechtenstein", "code": "LI"}, - {"name": "Lithuania", "code": "LT"}, - {"name": "Luxembourg", "code": "LU"}, - {"name": "Macao", "code": "MO"}, - {"name": "Macedonia, The Former Yugoslav Republic of", "code": "MK"}, - {"name": "Madagascar", "code": "MG"}, - {"name": "Malawi", "code": "MW"}, - {"name": "Malaysia", "code": "MY"}, - {"name": "Maldives", "code": "MV"}, - {"name": "Mali", "code": "ML"}, - {"name": "Malta", "code": "MT"}, - {"name": "Marshall Islands", "code": "MH"}, - {"name": "Martinique", "code": "MQ"}, - {"name": "Mauritania", "code": "MR"}, - {"name": "Mauritius", "code": "MU"}, - {"name": "Mayotte", "code": "YT"}, - {"name": "Mexico", "code": "MX"}, - {"name": "Micronesia, Federated States of", "code": "FM"}, - {"name": "Moldova, Republic of", "code": "MD"}, - {"name": "Monaco", "code": "MC"}, - {"name": "Mongolia", "code": "MN"}, - {"name": "Montserrat", "code": "MS"}, - {"name": "Morocco", "code": "MA"}, - {"name": "Mozambique", "code": "MZ"}, - {"name": "Myanmar", "code": "MM"}, - {"name": "Namibia", "code": "NA"}, - {"name": "Nauru", "code": "NR"}, - {"name": "Nepal", "code": "NP"}, - {"name": "Netherlands", "code": "NL"}, - {"name": "Netherlands Antilles", "code": "AN"}, - {"name": "New Caledonia", "code": "NC"}, - {"name": "New Zealand", "code": "NZ"}, - {"name": "Nicaragua", "code": "NI"}, - {"name": "Niger", "code": "NE"}, - {"name": "Nigeria", "code": "NG"}, - {"name": "Niue", "code": "NU"}, - {"name": "Norfolk Island", "code": "NF"}, - {"name": "Northern Mariana Islands", "code": "MP"}, - {"name": "Norway", "code": "NO"}, - {"name": "Oman", "code": "OM"}, - {"name": "Pakistan", "code": "PK"}, - {"name": "Palau", "code": "PW"}, - {"name": "Palestinian Territory, Occupied", "code": "PS"}, - {"name": "Panama", "code": "PA"}, - {"name": "Papua New Guinea", "code": "PG"}, - {"name": "Paraguay", "code": "PY"}, - {"name": "Peru", "code": "PE"}, - {"name": "Philippines", "code": "PH"}, - {"name": "Pitcairn", "code": "PN"}, - {"name": "Poland", "code": "PL"}, - {"name": "Portugal", "code": "PT"}, - {"name": "Puerto Rico", "code": "PR"}, - {"name": "Qatar", "code": "QA"}, - {"name": "Reunion", "code": "RE"}, - {"name": "Romania", "code": "RO"}, - {"name": "Russian Federation", "code": "RU"}, - {"name": "RWANDA", "code": "RW"}, - {"name": "Saint Helena", "code": "SH"}, - {"name": "Saint Kitts and Nevis", "code": "KN"}, - {"name": "Saint Lucia", "code": "LC"}, - {"name": "Saint Pierre and Miquelon", "code": "PM"}, - {"name": "Saint Vincent and the Grenadines", "code": "VC"}, - {"name": "Samoa", "code": "WS"}, - {"name": "San Marino", "code": "SM"}, - {"name": "Sao Tome and Principe", "code": "ST"}, - {"name": "Saudi Arabia", "code": "SA"}, - {"name": "Senegal", "code": "SN"}, - {"name": "Serbia and Montenegro", "code": "CS"}, - {"name": "Seychelles", "code": "SC"}, - {"name": "Sierra Leone", "code": "SL"}, - {"name": "Singapore", "code": "SG"}, - {"name": "Slovakia", "code": "SK"}, - {"name": "Slovenia", "code": "SI"}, - {"name": "Solomon Islands", "code": "SB"}, - {"name": "Somalia", "code": "SO"}, - {"name": "South Africa", "code": "ZA"}, - {"name": "South Georgia and the South Sandwich Islands", "code": "GS"}, - {"name": "Spain", "code": "ES"}, - {"name": "Sri Lanka", "code": "LK"}, - {"name": "Sudan", "code": "SD"}, - {"name": "Suriname", "code": "SR"}, - {"name": "Svalbard and Jan Mayen", "code": "SJ"}, - {"name": "Swaziland", "code": "SZ"}, - {"name": "Sweden", "code": "SE"}, - {"name": "Switzerland", "code": "CH"}, - {"name": "Syrian Arab Republic", "code": "SY"}, - {"name": "Taiwan, Province of China", "code": "TW"}, - {"name": "Tajikistan", "code": "TJ"}, - {"name": "Tanzania, United Republic of", "code": "TZ"}, - {"name": "Thailand", "code": "TH"}, - {"name": "Timor-Leste", "code": "TL"}, - {"name": "Togo", "code": "TG"}, - {"name": "Tokelau", "code": "TK"}, - {"name": "Tonga", "code": "TO"}, - {"name": "Trinidad and Tobago", "code": "TT"}, - {"name": "Tunisia", "code": "TN"}, - {"name": "Turkey", "code": "TR"}, - {"name": "Turkmenistan", "code": "TM"}, - {"name": "Turks and Caicos Islands", "code": "TC"}, - {"name": "Tuvalu", "code": "TV"}, - {"name": "Uganda", "code": "UG"}, - {"name": "Ukraine", "code": "UA"}, - {"name": "United Arab Emirates", "code": "AE"}, - {"name": "United Kingdom", "code": "GB"}, - {"name": "United States", "code": "US"}, - {"name": "United States Minor Outlying Islands", "code": "UM"}, - {"name": "Uruguay", "code": "UY"}, - {"name": "Uzbekistan", "code": "UZ"}, - {"name": "Vanuatu", "code": "VU"}, - {"name": "Venezuela", "code": "VE"}, - {"name": "Viet Nam", "code": "VN"}, - {"name": "Virgin Islands, British", "code": "VG"}, - {"name": "Virgin Islands, U.S.", "code": "VI"}, - {"name": "Wallis and Futuna", "code": "WF"}, - {"name": "Western Sahara", "code": "EH"}, - {"name": "Yemen", "code": "YE"}, - {"name": "Zambia", "code": "ZM"}, - {"name": "Zimbabwe", "code": "ZW"} - ] -} diff --git a/tiles/assets/demo/data/customers-large.json b/tiles/assets/demo/data/customers-large.json deleted file mode 100644 index 21d3721..0000000 --- a/tiles/assets/demo/data/customers-large.json +++ /dev/null @@ -1,3604 +0,0 @@ -{ - "data": [ - { - "id": 1000, - "name": "James Butt", - "country": { - "name": "Algeria", - "code": "dz" - }, - "company": "Benton, John B Jr", - "date": "2015-09-13", - "status": "unqualified", - "verified": true, - "activity": 17, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 70663 - }, - { - "id": 1001, - "name": "Josephine Darakjy", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chanay, Jeffrey A Esq", - "date": "2019-02-09", - "status": "proposal", - "verified": true, - "activity": 0, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 82429 - }, - { - "id": 1002, - "name": "Art Venere", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Chemel, James L Cpa", - "date": "2017-05-13", - "status": "qualified", - "verified": false, - "activity": 63, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 28334 - }, - { - "id": 1003, - "name": "Lenna Paprocki", - "country": { - "name": "Slovenia", - "code": "si" - }, - "company": "Feltz Printing Service", - "date": "2020-09-15", - "status": "new", - "verified": false, - "activity": 37, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 88521 - }, - { - "id": 1004, - "name": "Donette Foller", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Printing Dimensions", - "date": "2016-05-20", - "status": "proposal", - "verified": true, - "activity": 33, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 93905 - }, - { - "id": 1005, - "name": "Simona Morasca", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chapman, Ross E Esq", - "date": "2018-02-16", - "status": "qualified", - "verified": false, - "activity": 68, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 50041 - }, - { - "id": 1006, - "name": "Mitsue Tollner", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Morlong Associates", - "date": "2018-02-19", - "status": "renewal", - "verified": true, - "activity": 54, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 58706 - }, - { - "id": 1007, - "name": "Leota Dilliard", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Commercial Press", - "date": "2019-08-13", - "status": "renewal", - "verified": true, - "activity": 69, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 26640 - }, - { - "id": 1008, - "name": "Sage Wieser", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Truhlar And Truhlar Attys", - "date": "2018-11-21", - "status": "unqualified", - "verified": true, - "activity": 76, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 65369 - }, - { - "id": 1009, - "name": "Kris Marrier", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "King, Christopher A Esq", - "date": "2015-07-07", - "status": "proposal", - "verified": false, - "activity": 3, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 63451 - }, - { - "id": 1010, - "name": "Minna Amigon", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "Dorl, James J Esq", - "date": "2018-11-07", - "status": "qualified", - "verified": false, - "activity": 38, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 71169 - }, - { - "id": 1011, - "name": "Abel Maclead", - "country": { - "name": "Singapore", - "code": "sg" - }, - "company": "Rangoni Of Florence", - "date": "2017-03-11", - "status": "qualified", - "verified": true, - "activity": 87, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 96842 - }, - { - "id": 1012, - "name": "Kiley Caldarera", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Feiner Bros", - "date": "2015-10-20", - "status": "unqualified", - "verified": false, - "activity": 80, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 92734 - }, - { - "id": 1013, - "name": "Graciela Ruta", - "country": { - "name": "Chile", - "code": "cl" - }, - "company": "Buckley Miller & Wright", - "date": "2016-07-25", - "status": "negotiation", - "verified": false, - "activity": 59, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 45250 - }, - { - "id": 1014, - "name": "Cammy Albares", - "country": { - "name": "Philippines", - "code": "ph" - }, - "company": "Rousseaux, Michael Esq", - "date": "2019-06-25", - "status": "new", - "verified": true, - "activity": 90, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 30236 - }, - { - "id": 1015, - "name": "Mattie Poquette", - "country": { - "name": "Venezuela", - "code": "ve" - }, - "company": "Century Communications", - "date": "2017-12-12", - "status": "negotiation", - "verified": false, - "activity": 52, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 64533 - }, - { - "id": 1016, - "name": "Meaghan Garufi", - "country": { - "name": "Malaysia", - "code": "my" - }, - "company": "Bolton, Wilbur Esq", - "date": "2018-07-04", - "status": "unqualified", - "verified": false, - "activity": 31, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 37279 - }, - { - "id": 1017, - "name": "Gladys Rim", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "T M Byxbee Company Pc", - "date": "2020-02-27", - "status": "renewal", - "verified": true, - "activity": 48, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 27381 - }, - { - "id": 1018, - "name": "Yuki Whobrey", - "country": { - "name": "Israel", - "code": "il" - }, - "company": "Farmers Insurance Group", - "date": "2017-12-21", - "status": "negotiation", - "verified": true, - "activity": 16, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 9257 - }, - { - "id": 1019, - "name": "Fletcher Flosi", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "Post Box Services Plus", - "date": "2016-01-04", - "status": "renewal", - "verified": true, - "activity": 19, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 67783 - }, - { - "id": 1020, - "name": "Bette Nicka", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Sport En Art", - "date": "2016-10-21", - "status": "renewal", - "verified": false, - "activity": 100, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 4609 - }, - { - "id": 1021, - "name": "Veronika Inouye", - "country": { - "name": "Ecuador", - "code": "ec" - }, - "company": "C 4 Network Inc", - "date": "2017-03-24", - "status": "renewal", - "verified": false, - "activity": 72, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 26565 - }, - { - "id": 1022, - "name": "Willard Kolmetz", - "country": { - "name": "Tunisia", - "code": "tn" - }, - "company": "Ingalls, Donald R Esq", - "date": "2017-04-15", - "status": "renewal", - "verified": true, - "activity": 94, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 75876 - }, - { - "id": 1023, - "name": "Maryann Royster", - "country": { - "name": "Belarus", - "code": "by" - }, - "company": "Franklin, Peter L Esq", - "date": "2017-03-11", - "status": "qualified", - "verified": false, - "activity": 56, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 41121 - }, - { - "id": 1024, - "name": "Alisha Slusarski", - "country": { - "name": "Iceland", - "code": "is" - }, - "company": "Wtlz Power 107 Fm", - "date": "2018-03-27", - "status": "qualified", - "verified": true, - "activity": 7, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 91691 - }, - { - "id": 1025, - "name": "Allene Iturbide", - "country": { - "name": "Italy", - "code": "it" - }, - "company": "Ledecky, David Esq", - "date": "2016-02-20", - "status": "qualified", - "verified": true, - "activity": 1, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 40137 - }, - { - "id": 1026, - "name": "Chanel Caudy", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "Professional Image Inc", - "date": "2018-06-24", - "status": "new", - "verified": true, - "activity": 26, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 21304 - }, - { - "id": 1027, - "name": "Ezekiel Chui", - "country": { - "name": "Ireland", - "code": "ie" - }, - "company": "Sider, Donald C Esq", - "date": "2016-09-24", - "status": "new", - "verified": false, - "activity": 76, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 60454 - }, - { - "id": 1028, - "name": "Willow Kusko", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "U Pull It", - "date": "2020-04-11", - "status": "qualified", - "verified": true, - "activity": 7, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 17565 - }, - { - "id": 1029, - "name": "Bernardo Figeroa", - "country": { - "name": "Israel", - "code": "il" - }, - "company": "Clark, Richard Cpa", - "date": "2018-04-11", - "status": "renewal", - "verified": true, - "activity": 81, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 17774 - }, - { - "id": 1030, - "name": "Ammie Corrio", - "country": { - "name": "Hungary", - "code": "hu" - }, - "company": "Moskowitz, Barry S", - "date": "2016-06-11", - "status": "negotiation", - "verified": true, - "activity": 56, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 49201 - }, - { - "id": 1031, - "name": "Francine Vocelka", - "country": { - "name": "Honduras", - "code": "hn" - }, - "company": "Cascade Realty Advisors Inc", - "date": "2017-08-02", - "status": "qualified", - "verified": true, - "activity": 94, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 67126 - }, - { - "id": 1032, - "name": "Ernie Stenseth", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "Knwz Newsradio", - "date": "2018-06-06", - "status": "renewal", - "verified": true, - "activity": 68, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 76017 - }, - { - "id": 1033, - "name": "Albina Glick", - "country": { - "name": "Ukraine", - "code": "ua" - }, - "company": "Giampetro, Anthony D", - "date": "2019-08-08", - "status": "proposal", - "verified": true, - "activity": 85, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 91201 - }, - { - "id": 1034, - "name": "Alishia Sergi", - "country": { - "name": "Qatar", - "code": "qa" - }, - "company": "Milford Enterprises Inc", - "date": "2018-05-19", - "status": "negotiation", - "verified": false, - "activity": 46, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 12237 - }, - { - "id": 1035, - "name": "Solange Shinko", - "country": { - "name": "Cameroon", - "code": "cm" - }, - "company": "Mosocco, Ronald A", - "date": "2015-02-12", - "status": "qualified", - "verified": true, - "activity": 32, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 34072 - }, - { - "id": 1036, - "name": "Jose Stockham", - "country": { - "name": "Italy", - "code": "it" - }, - "company": "Tri State Refueler Co", - "date": "2018-04-25", - "status": "qualified", - "verified": true, - "activity": 77, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 94909 - }, - { - "id": 1037, - "name": "Rozella Ostrosky", - "country": { - "name": "Venezuela", - "code": "ve" - }, - "company": "Parkway Company", - "date": "2016-02-27", - "status": "unqualified", - "verified": true, - "activity": 66, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 57245 - }, - { - "id": 1038, - "name": "Valentine Gillian", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Fbs Business Finance", - "date": "2019-09-17", - "status": "qualified", - "verified": true, - "activity": 25, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 75502 - }, - { - "id": 1039, - "name": "Kati Rulapaugh", - "country": { - "name": "Puerto Rico", - "code": "pr" - }, - "company": "Eder Assocs Consltng Engrs Pc", - "date": "2016-12-03", - "status": "renewal", - "verified": false, - "activity": 51, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 82075 - }, - { - "id": 1040, - "name": "Youlanda Schemmer", - "country": { - "name": "Bolivia", - "code": "bo" - }, - "company": "Tri M Tool Inc", - "date": "2017-12-15", - "status": "negotiation", - "verified": true, - "activity": 49, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 19208 - }, - { - "id": 1041, - "name": "Dyan Oldroyd", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "International Eyelets Inc", - "date": "2017-02-02", - "status": "qualified", - "verified": false, - "activity": 5, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 50194 - }, - { - "id": 1042, - "name": "Roxane Campain", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Rapid Trading Intl", - "date": "2018-12-25", - "status": "unqualified", - "verified": false, - "activity": 100, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 77714 - }, - { - "id": 1043, - "name": "Lavera Perin", - "country": { - "name": "Vietnam", - "code": "vn" - }, - "company": "Abc Enterprises Inc", - "date": "2018-04-10", - "status": "qualified", - "verified": false, - "activity": 71, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 35740 - }, - { - "id": 1044, - "name": "Erick Ferencz", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Cindy Turner Associates", - "date": "2018-05-06", - "status": "unqualified", - "verified": true, - "activity": 54, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 30790 - }, - { - "id": 1045, - "name": "Fatima Saylors", - "country": { - "name": "Canada", - "code": "ca" - }, - "company": "Stanton, James D Esq", - "date": "2019-07-10", - "status": "renewal", - "verified": true, - "activity": 93, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 52343 - }, - { - "id": 1046, - "name": "Jina Briddick", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "Grace Pastries Inc", - "date": "2018-02-19", - "status": "unqualified", - "verified": false, - "activity": 97, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 53966 - }, - { - "id": 1047, - "name": "Kanisha Waycott", - "country": { - "name": "Ecuador", - "code": "ec" - }, - "company": "Schroer, Gene E Esq", - "date": "2019-11-27", - "status": "new", - "verified": false, - "activity": 80, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 9920 - }, - { - "id": 1048, - "name": "Emerson Bowley", - "country": { - "name": "Finland", - "code": "fi" - }, - "company": "Knights Inn", - "date": "2018-11-24", - "status": "new", - "verified": false, - "activity": 63, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 78069 - }, - { - "id": 1049, - "name": "Blair Malet", - "country": { - "name": "Finland", - "code": "fi" - }, - "company": "Bollinger Mach Shp & Shipyard", - "date": "2018-04-19", - "status": "new", - "verified": true, - "activity": 92, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 65005 - }, - { - "id": 1050, - "name": "Brock Bolognia", - "country": { - "name": "Bolivia", - "code": "bo" - }, - "company": "Orinda News", - "date": "2019-09-06", - "status": "renewal", - "verified": true, - "activity": 72, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 51038 - }, - { - "id": 1051, - "name": "Lorrie Nestle", - "country": { - "name": "Germany", - "code": "de" - }, - "company": "Ballard Spahr Andrews", - "date": "2018-04-26", - "status": "renewal", - "verified": false, - "activity": 36, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 28218 - }, - { - "id": 1052, - "name": "Sabra Uyetake", - "country": { - "name": "Peru", - "code": "pe" - }, - "company": "Lowy Limousine Service", - "date": "2018-04-12", - "status": "new", - "verified": false, - "activity": 31, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 78527 - }, - { - "id": 1053, - "name": "Marjory Mastella", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Vicon Corporation", - "date": "2018-01-24", - "status": "negotiation", - "verified": false, - "activity": 89, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 23381 - }, - { - "id": 1054, - "name": "Karl Klonowski", - "country": { - "name": "Saudi Arabia", - "code": "sa" - }, - "company": "Rossi, Michael M", - "date": "2017-04-17", - "status": "unqualified", - "verified": true, - "activity": 27, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 64821 - }, - { - "id": 1055, - "name": "Tonette Wenner", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "Northwest Publishing", - "date": "2019-04-14", - "status": "qualified", - "verified": false, - "activity": 27, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 55334 - }, - { - "id": 1056, - "name": "Amber Monarrez", - "country": { - "name": "Sweden", - "code": "se" - }, - "company": "Branford Wire & Mfg Co", - "date": "2019-09-09", - "status": "new", - "verified": false, - "activity": 79, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 83391 - }, - { - "id": 1057, - "name": "Shenika Seewald", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "East Coast Marketing", - "date": "2017-02-18", - "status": "renewal", - "verified": true, - "activity": 39, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 31580 - }, - { - "id": 1058, - "name": "Delmy Ahle", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Wye Technologies Inc", - "date": "2020-10-05", - "status": "unqualified", - "verified": false, - "activity": 55, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 11723 - }, - { - "id": 1059, - "name": "Deeanna Juhas", - "country": { - "name": "Sweden", - "code": "se" - }, - "company": "Healy, George W Iv", - "date": "2018-09-28", - "status": "negotiation", - "verified": false, - "activity": 79, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 8454 - }, - { - "id": 1060, - "name": "Blondell Pugh", - "country": { - "name": "Ireland", - "code": "ie" - }, - "company": "Alpenlite Inc", - "date": "2016-06-16", - "status": "renewal", - "verified": false, - "activity": 49, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 99235 - }, - { - "id": 1061, - "name": "Jamal Vanausdal", - "country": { - "name": "Morocco", - "code": "ma" - }, - "company": "Hubbard, Bruce Esq", - "date": "2017-05-25", - "status": "proposal", - "verified": true, - "activity": 87, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 15656 - }, - { - "id": 1062, - "name": "Cecily Hollack", - "country": { - "name": "Bolivia", - "code": "bo" - }, - "company": "Arthur A Oliver & Son Inc", - "date": "2020-05-09", - "status": "negotiation", - "verified": true, - "activity": 5, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 60586 - }, - { - "id": 1063, - "name": "Carmelina Lindall", - "country": { - "name": "Puerto Rico", - "code": "pr" - }, - "company": "George Jessop Carter Jewelers", - "date": "2019-09-07", - "status": "qualified", - "verified": true, - "activity": 77, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 86239 - }, - { - "id": 1064, - "name": "Maurine Yglesias", - "country": { - "name": "Taiwan", - "code": "tw" - }, - "company": "Schultz, Thomas C Md", - "date": "2015-08-10", - "status": "renewal", - "verified": false, - "activity": 94, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 15621 - }, - { - "id": 1065, - "name": "Tawna Buvens", - "country": { - "name": "Indonesia", - "code": "id" - }, - "company": "H H H Enterprises Inc", - "date": "2018-03-20", - "status": "new", - "verified": false, - "activity": 25, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 77248 - }, - { - "id": 1066, - "name": "Penney Weight", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Hawaiian King Hotel", - "date": "2020-03-03", - "status": "qualified", - "verified": false, - "activity": 96, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 478 - }, - { - "id": 1067, - "name": "Elly Morocco", - "country": { - "name": "Thailand", - "code": "th" - }, - "company": "Killion Industries", - "date": "2018-09-18", - "status": "qualified", - "verified": true, - "activity": 38, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 62505 - }, - { - "id": 1068, - "name": "Ilene Eroman", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Robinson, William J Esq", - "date": "2019-06-08", - "status": "new", - "verified": true, - "activity": 49, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 91480 - }, - { - "id": 1069, - "name": "Vallie Mondella", - "country": { - "name": "Latvia", - "code": "lv" - }, - "company": "Private Properties", - "date": "2018-12-06", - "status": "new", - "verified": false, - "activity": 16, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 21671 - }, - { - "id": 1070, - "name": "Kallie Blackwood", - "country": { - "name": "Iceland", - "code": "is" - }, - "company": "Rowley Schlimgen Inc", - "date": "2017-04-05", - "status": "unqualified", - "verified": false, - "activity": 25, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 13775 - }, - { - "id": 1071, - "name": "Johnetta Abdallah", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Forging Specialties", - "date": "2015-02-02", - "status": "new", - "verified": false, - "activity": 16, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 60253 - }, - { - "id": 1072, - "name": "Bobbye Rhym", - "country": { - "name": "Ukraine", - "code": "ua" - }, - "company": "Smits, Patricia Garity", - "date": "2018-08-17", - "status": "qualified", - "verified": true, - "activity": 85, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 75225 - }, - { - "id": 1073, - "name": "Micaela Rhymes", - "country": { - "name": "France", - "code": "fr" - }, - "company": "H Lee Leonard Attorney At Law", - "date": "2018-09-08", - "status": "renewal", - "verified": true, - "activity": 92, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 3308 - }, - { - "id": 1074, - "name": "Tamar Hoogland", - "country": { - "name": "Guatemala", - "code": "gt" - }, - "company": "A K Construction Co", - "date": "2018-11-13", - "status": "proposal", - "verified": true, - "activity": 22, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 19711 - }, - { - "id": 1075, - "name": "Moon Parlato", - "country": { - "name": "Czech Republic", - "code": "cz" - }, - "company": "Ambelang, Jessica M Md", - "date": "2019-08-18", - "status": "renewal", - "verified": false, - "activity": 64, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 55110 - }, - { - "id": 1076, - "name": "Laurel Reitler", - "country": { - "name": "United Kingdom", - "code": "gb" - }, - "company": "Q A Service", - "date": "2015-04-02", - "status": "negotiation", - "verified": false, - "activity": 80, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 62392 - }, - { - "id": 1077, - "name": "Delisa Crupi", - "country": { - "name": "Taiwan", - "code": "tw" - }, - "company": "Wood & Whitacre Contractors", - "date": "2017-09-15", - "status": "unqualified", - "verified": false, - "activity": 70, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 76530 - }, - { - "id": 1078, - "name": "Viva Toelkes", - "country": { - "name": "United States", - "code": "us" - }, - "company": "Mark Iv Press Ltd", - "date": "2017-03-27", - "status": "qualified", - "verified": false, - "activity": 16, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 7460 - }, - { - "id": 1079, - "name": "Elza Lipke", - "country": { - "name": "Ireland", - "code": "ie" - }, - "company": "Museum Of Science & Industry", - "date": "2017-06-01", - "status": "proposal", - "verified": true, - "activity": 90, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 42251 - }, - { - "id": 1080, - "name": "Devorah Chickering", - "country": { - "name": "Spain", - "code": "es" - }, - "company": "Garrison Ind", - "date": "2017-03-14", - "status": "proposal", - "verified": true, - "activity": 96, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 36435 - }, - { - "id": 1081, - "name": "Timothy Mulqueen", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Saronix Nymph Products", - "date": "2018-07-09", - "status": "renewal", - "verified": true, - "activity": 77, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 39197 - }, - { - "id": 1082, - "name": "Arlette Honeywell", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Smc Inc", - "date": "2018-09-11", - "status": "proposal", - "verified": true, - "activity": 46, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 72707 - }, - { - "id": 1083, - "name": "Dominque Dickerson", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "E A I Electronic Assocs Inc", - "date": "2017-11-12", - "status": "qualified", - "verified": true, - "activity": 83, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 97965 - }, - { - "id": 1084, - "name": "Lettie Isenhower", - "country": { - "name": "Canada", - "code": "ca" - }, - "company": "Conte, Christopher A Esq", - "date": "2016-03-01", - "status": "qualified", - "verified": true, - "activity": 83, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 5823 - }, - { - "id": 1085, - "name": "Myra Munns", - "country": { - "name": "Lithuania", - "code": "lt" - }, - "company": "Anker Law Office", - "date": "2016-05-21", - "status": "unqualified", - "verified": true, - "activity": 49, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 96471 - }, - { - "id": 1086, - "name": "Stephaine Barfield", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Beutelschies & Company", - "date": "2016-01-22", - "status": "new", - "verified": true, - "activity": 34, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 33710 - }, - { - "id": 1087, - "name": "Lai Gato", - "country": { - "name": "Nigeria", - "code": "ng" - }, - "company": "Fligg, Kenneth I Jr", - "date": "2016-07-26", - "status": "unqualified", - "verified": false, - "activity": 64, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 30611 - }, - { - "id": 1088, - "name": "Stephen Emigh", - "country": { - "name": "Cuba", - "code": "cu" - }, - "company": "Sharp, J Daniel Esq", - "date": "2020-07-24", - "status": "renewal", - "verified": false, - "activity": 51, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 32960 - }, - { - "id": 1089, - "name": "Tyra Shields", - "country": { - "name": "Honduras", - "code": "hn" - }, - "company": "Assink, Anne H Esq", - "date": "2019-11-10", - "status": "negotiation", - "verified": false, - "activity": 11, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 57423 - }, - { - "id": 1090, - "name": "Tammara Wardrip", - "country": { - "name": "Saudi Arabia", - "code": "sa" - }, - "company": "Jewel My Shop Inc", - "date": "2016-06-05", - "status": "renewal", - "verified": true, - "activity": 64, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 23027 - }, - { - "id": 1091, - "name": "Cory Gibes", - "country": { - "name": "Malaysia", - "code": "my" - }, - "company": "Chinese Translation Resources", - "date": "2016-02-28", - "status": "new", - "verified": false, - "activity": 44, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 84182 - }, - { - "id": 1092, - "name": "Danica Bruschke", - "country": { - "name": "Taiwan", - "code": "tw" - }, - "company": "Stevens, Charles T", - "date": "2018-12-13", - "status": "unqualified", - "verified": true, - "activity": 62, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 25237 - }, - { - "id": 1093, - "name": "Wilda Giguere", - "country": { - "name": "Iceland", - "code": "is" - }, - "company": "Mclaughlin, Luther W Cpa", - "date": "2017-06-16", - "status": "new", - "verified": true, - "activity": 79, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 87736 - }, - { - "id": 1094, - "name": "Elvera Benimadho", - "country": { - "name": "Malaysia", - "code": "my" - }, - "company": "Tree Musketeers", - "date": "2019-02-17", - "status": "proposal", - "verified": true, - "activity": 50, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 38674 - }, - { - "id": 1095, - "name": "Carma Vanheusen", - "country": { - "name": "Turkey", - "code": "tr" - }, - "company": "Springfield Div Oh Edison Co", - "date": "2019-11-26", - "status": "renewal", - "verified": false, - "activity": 84, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 67762 - }, - { - "id": 1096, - "name": "Malinda Hochard", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Logan Memorial Hospital", - "date": "2016-07-06", - "status": "new", - "verified": false, - "activity": 88, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 81299 - }, - { - "id": 1097, - "name": "Natalie Fern", - "country": { - "name": "Canada", - "code": "ca" - }, - "company": "Kelly, Charles G Esq", - "date": "2019-10-02", - "status": "proposal", - "verified": true, - "activity": 44, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 64794 - }, - { - "id": 1098, - "name": "Lisha Centini", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Industrial Paper Shredders Inc", - "date": "2018-07-05", - "status": "new", - "verified": true, - "activity": 7, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 7815 - }, - { - "id": 1099, - "name": "Arlene Klusman", - "country": { - "name": "Jamaica", - "code": "jm" - }, - "company": "Beck Horizon Builders", - "date": "2018-05-14", - "status": "proposal", - "verified": true, - "activity": 99, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 37976 - }, - { - "id": 1100, - "name": "Alease Buemi", - "country": { - "name": "Costa Rica", - "code": "cr" - }, - "company": "Porto Cayo At Hawks Cay", - "date": "2018-03-14", - "status": "unqualified", - "verified": true, - "activity": 0, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 59594 - }, - { - "id": 1101, - "name": "Louisa Cronauer", - "country": { - "name": "Costa Rica", - "code": "cr" - }, - "company": "Pacific Grove Museum Ntrl Hist", - "date": "2018-09-23", - "status": "qualified", - "verified": false, - "activity": 3, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 92528 - }, - { - "id": 1102, - "name": "Angella Cetta", - "country": { - "name": "Vietnam", - "code": "vn" - }, - "company": "Bender & Hatley Pc", - "date": "2018-04-10", - "status": "qualified", - "verified": false, - "activity": 88, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 58964 - }, - { - "id": 1103, - "name": "Cyndy Goldammer", - "country": { - "name": "Burkina Faso", - "code": "bf" - }, - "company": "Di Cristina J & Son", - "date": "2017-09-18", - "status": "unqualified", - "verified": false, - "activity": 92, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 65860 - }, - { - "id": 1104, - "name": "Rosio Cork", - "country": { - "name": "Singapore", - "code": "sg" - }, - "company": "Green Goddess", - "date": "2017-08-19", - "status": "negotiation", - "verified": true, - "activity": 19, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 63863 - }, - { - "id": 1105, - "name": "Celeste Korando", - "country": { - "name": "Costa Rica", - "code": "cr" - }, - "company": "American Arts & Graphics", - "date": "2020-06-18", - "status": "proposal", - "verified": true, - "activity": 21, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 37510 - }, - { - "id": 1106, - "name": "Twana Felger", - "country": { - "name": "Croatia", - "code": "hr" - }, - "company": "Opryland Hotel", - "date": "2016-11-18", - "status": "negotiation", - "verified": false, - "activity": 97, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 63876 - }, - { - "id": 1107, - "name": "Estrella Samu", - "country": { - "name": "Vietnam", - "code": "vn" - }, - "company": "Marking Devices Pubg Co", - "date": "2017-06-25", - "status": "unqualified", - "verified": false, - "activity": 27, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 93263 - }, - { - "id": 1108, - "name": "Donte Kines", - "country": { - "name": "Slovakia", - "code": "sk" - }, - "company": "W Tc Industries Inc", - "date": "2019-02-16", - "status": "new", - "verified": true, - "activity": 35, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 57198 - }, - { - "id": 1109, - "name": "Tiffiny Steffensmeier", - "country": { - "name": "Pakistan", - "code": "pk" - }, - "company": "Whitehall Robbins Labs Divsn", - "date": "2018-03-11", - "status": "new", - "verified": true, - "activity": 81, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 89147 - }, - { - "id": 1110, - "name": "Edna Miceli", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Sampler", - "date": "2017-10-15", - "status": "renewal", - "verified": true, - "activity": 54, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 41466 - }, - { - "id": 1111, - "name": "Sue Kownacki", - "country": { - "name": "Jamaica", - "code": "jm" - }, - "company": "Juno Chefs Incorporated", - "date": "2017-03-17", - "status": "proposal", - "verified": false, - "activity": 31, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 38918 - }, - { - "id": 1112, - "name": "Jesusa Shin", - "country": { - "name": "Ukraine", - "code": "ua" - }, - "company": "Carroccio, A Thomas Esq", - "date": "2017-04-06", - "status": "renewal", - "verified": false, - "activity": 28, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 11397 - }, - { - "id": 1113, - "name": "Rolland Francescon", - "country": { - "name": "United Kingdom", - "code": "gb" - }, - "company": "Stanley, Richard L Esq", - "date": "2019-02-03", - "status": "qualified", - "verified": false, - "activity": 45, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 40930 - }, - { - "id": 1114, - "name": "Pamella Schmierer", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "K Cs Cstm Mouldings Windows", - "date": "2016-09-22", - "status": "unqualified", - "verified": true, - "activity": 34, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 40847 - }, - { - "id": 1115, - "name": "Glory Kulzer", - "country": { - "name": "Croatia", - "code": "hr" - }, - "company": "Comfort Inn", - "date": "2017-09-27", - "status": "unqualified", - "verified": true, - "activity": 36, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 27832 - }, - { - "id": 1116, - "name": "Shawna Palaspas", - "country": { - "name": "Estonia", - "code": "ee" - }, - "company": "Windsor, James L Esq", - "date": "2017-06-25", - "status": "unqualified", - "verified": true, - "activity": 69, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 89060 - }, - { - "id": 1117, - "name": "Brandon Callaro", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "Jackson Shields Yeiser", - "date": "2016-07-13", - "status": "proposal", - "verified": true, - "activity": 55, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 52474 - }, - { - "id": 1118, - "name": "Scarlet Cartan", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Box, J Calvin Esq", - "date": "2018-09-13", - "status": "renewal", - "verified": false, - "activity": 1, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 19094 - }, - { - "id": 1119, - "name": "Oretha Menter", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Custom Engineering Inc", - "date": "2017-09-11", - "status": "renewal", - "verified": false, - "activity": 8, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 93756 - }, - { - "id": 1120, - "name": "Ty Smith", - "country": { - "name": "United States", - "code": "us" - }, - "company": "Bresler Eitel Framg Gllry Ltd", - "date": "2019-07-06", - "status": "unqualified", - "verified": false, - "activity": 50, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 77388 - }, - { - "id": 1121, - "name": "Xuan Rochin", - "country": { - "name": "Colombia", - "code": "co" - }, - "company": "Carol, Drake Sparks Esq", - "date": "2018-05-22", - "status": "proposal", - "verified": true, - "activity": 77, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 48759 - }, - { - "id": 1122, - "name": "Lindsey Dilello", - "country": { - "name": "Austria", - "code": "at" - }, - "company": "Biltmore Investors Bank", - "date": "2017-07-18", - "status": "renewal", - "verified": true, - "activity": 65, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 37568 - }, - { - "id": 1123, - "name": "Devora Perez", - "country": { - "name": "Uruguay", - "code": "uy" - }, - "company": "Desco Equipment Corp", - "date": "2017-10-09", - "status": "unqualified", - "verified": true, - "activity": 30, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 4477 - }, - { - "id": 1124, - "name": "Herman Demesa", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Merlin Electric Co", - "date": "2019-05-23", - "status": "proposal", - "verified": true, - "activity": 10, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 13764 - }, - { - "id": 1125, - "name": "Rory Papasergi", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Bailey Cntl Co Div Babcock", - "date": "2019-03-02", - "status": "qualified", - "verified": false, - "activity": 22, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 68222 - }, - { - "id": 1126, - "name": "Talia Riopelle", - "country": { - "name": "Guatemala", - "code": "gt" - }, - "company": "Ford Brothers Wholesale Inc", - "date": "2017-02-18", - "status": "new", - "verified": false, - "activity": 69, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 29164 - }, - { - "id": 1127, - "name": "Van Shire", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Cambridge Inn", - "date": "2020-05-12", - "status": "new", - "verified": false, - "activity": 4, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 61651 - }, - { - "id": 1128, - "name": "Lucina Lary", - "country": { - "name": "Switzerland", - "code": "ch" - }, - "company": "Matricciani, Albert J Jr", - "date": "2019-11-20", - "status": "negotiation", - "verified": true, - "activity": 11, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 79938 - }, - { - "id": 1129, - "name": "Bok Isaacs", - "country": { - "name": "Chile", - "code": "cl" - }, - "company": "Nelson Hawaiian Ltd", - "date": "2016-11-10", - "status": "proposal", - "verified": true, - "activity": 41, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 44037 - }, - { - "id": 1130, - "name": "Rolande Spickerman", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Neland Travel Agency", - "date": "2016-07-11", - "status": "renewal", - "verified": true, - "activity": 84, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 89918 - }, - { - "id": 1131, - "name": "Howard Paulas", - "country": { - "name": "Indonesia", - "code": "id" - }, - "company": "Asendorf, J Alan Esq", - "date": "2017-07-17", - "status": "negotiation", - "verified": false, - "activity": 22, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 32372 - }, - { - "id": 1132, - "name": "Kimbery Madarang", - "country": { - "name": "Senegal", - "code": "sn" - }, - "company": "Silberman, Arthur L Esq", - "date": "2018-08-19", - "status": "negotiation", - "verified": true, - "activity": 63, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 46478 - }, - { - "id": 1133, - "name": "Thurman Manno", - "country": { - "name": "Colombia", - "code": "co" - }, - "company": "Honey Bee Breeding Genetics &", - "date": "2016-05-02", - "status": "qualified", - "verified": true, - "activity": 47, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 30674 - }, - { - "id": 1134, - "name": "Becky Mirafuentes", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Wells Kravitz Schnitzer", - "date": "2018-04-13", - "status": "unqualified", - "verified": true, - "activity": 62, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 47714 - }, - { - "id": 1135, - "name": "Beatriz Corrington", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Prohab Rehabilitation Servs", - "date": "2020-01-04", - "status": "renewal", - "verified": true, - "activity": 55, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 14307 - }, - { - "id": 1136, - "name": "Marti Maybury", - "country": { - "name": "Thailand", - "code": "th" - }, - "company": "Eldridge, Kristin K Esq", - "date": "2016-02-05", - "status": "unqualified", - "verified": false, - "activity": 3, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 82069 - }, - { - "id": 1137, - "name": "Nieves Gotter", - "country": { - "name": "Latvia", - "code": "lv" - }, - "company": "Vlahos, John J Esq", - "date": "2017-03-12", - "status": "proposal", - "verified": false, - "activity": 3, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 11182 - }, - { - "id": 1138, - "name": "Leatha Hagele", - "country": { - "name": "Ukraine", - "code": "ua" - }, - "company": "Ninas Indian Grs & Videos", - "date": "2019-03-27", - "status": "unqualified", - "verified": false, - "activity": 67, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 17126 - }, - { - "id": 1139, - "name": "Valentin Klimek", - "country": { - "name": "Ivory Coast", - "code": "ci" - }, - "company": "Schmid, Gayanne K Esq", - "date": "2019-08-06", - "status": "unqualified", - "verified": true, - "activity": 14, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 19724 - }, - { - "id": 1140, - "name": "Melissa Wiklund", - "country": { - "name": "Japan", - "code": "jp" - }, - "company": "Moapa Valley Federal Credit Un", - "date": "2018-03-20", - "status": "qualified", - "verified": true, - "activity": 8, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 91888 - }, - { - "id": 1141, - "name": "Sheridan Zane", - "country": { - "name": "Croatia", - "code": "hr" - }, - "company": "Kentucky Tennessee Clay Co", - "date": "2016-02-15", - "status": "qualified", - "verified": true, - "activity": 17, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 15016 - }, - { - "id": 1142, - "name": "Bulah Padilla", - "country": { - "name": "Philippines", - "code": "ph" - }, - "company": "Admiral Party Rentals & Sales", - "date": "2016-02-10", - "status": "proposal", - "verified": false, - "activity": 58, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 23118 - }, - { - "id": 1143, - "name": "Audra Kohnert", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "Nelson, Karolyn King Esq", - "date": "2019-07-16", - "status": "unqualified", - "verified": false, - "activity": 82, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 90560 - }, - { - "id": 1144, - "name": "Daren Weirather", - "country": { - "name": "Israel", - "code": "il" - }, - "company": "Panasystems", - "date": "2015-07-23", - "status": "negotiation", - "verified": false, - "activity": 96, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 34155 - }, - { - "id": 1145, - "name": "Fernanda Jillson", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "Shank, Edward L Esq", - "date": "2017-07-02", - "status": "unqualified", - "verified": true, - "activity": 92, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 6350 - }, - { - "id": 1146, - "name": "Gearldine Gellinger", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Megibow & Edwards", - "date": "2019-08-17", - "status": "proposal", - "verified": true, - "activity": 18, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 77641 - }, - { - "id": 1147, - "name": "Chau Kitzman", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Benoff, Edward Esq", - "date": "2019-07-04", - "status": "new", - "verified": true, - "activity": 9, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 43289 - }, - { - "id": 1148, - "name": "Theola Frey", - "country": { - "name": "Vietnam", - "code": "vn" - }, - "company": "Woodbridge Free Public Library", - "date": "2020-03-14", - "status": "unqualified", - "verified": true, - "activity": 44, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 85657 - }, - { - "id": 1149, - "name": "Cheryl Haroldson", - "country": { - "name": "France", - "code": "fr" - }, - "company": "New York Life John Thune", - "date": "2018-04-03", - "status": "new", - "verified": false, - "activity": 55, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 82733 - }, - { - "id": 1150, - "name": "Laticia Merced", - "country": { - "name": "Burkina Faso", - "code": "bf" - }, - "company": "Alinabal Inc", - "date": "2017-03-04", - "status": "unqualified", - "verified": false, - "activity": 21, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 38004 - }, - { - "id": 1151, - "name": "Carissa Batman", - "country": { - "name": "Greece", - "code": "gr" - }, - "company": "Poletto, Kim David Esq", - "date": "2016-05-05", - "status": "negotiation", - "verified": true, - "activity": 91, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 29038 - }, - { - "id": 1152, - "name": "Lezlie Craghead", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Chang, Carolyn Esq", - "date": "2019-05-28", - "status": "renewal", - "verified": false, - "activity": 30, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 75123 - }, - { - "id": 1153, - "name": "Ozell Shealy", - "country": { - "name": "Pakistan", - "code": "pk" - }, - "company": "Silver Bros Inc", - "date": "2016-08-19", - "status": "proposal", - "verified": true, - "activity": 14, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 33214 - }, - { - "id": 1154, - "name": "Arminda Parvis", - "country": { - "name": "Indonesia", - "code": "id" - }, - "company": "Newtec Inc", - "date": "2020-02-09", - "status": "proposal", - "verified": true, - "activity": 77, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 80651 - }, - { - "id": 1155, - "name": "Reita Leto", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Creative Business Systems", - "date": "2020-04-03", - "status": "unqualified", - "verified": true, - "activity": 58, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 5085 - }, - { - "id": 1156, - "name": "Yolando Luczki", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Dal Tile Corporation", - "date": "2015-01-27", - "status": "renewal", - "verified": true, - "activity": 78, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 93021 - }, - { - "id": 1157, - "name": "Lizette Stem", - "country": { - "name": "Slovakia", - "code": "sk" - }, - "company": "Edward S Katz", - "date": "2018-08-06", - "status": "new", - "verified": false, - "activity": 67, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 37287 - }, - { - "id": 1158, - "name": "Gregoria Pawlowicz", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Oh My Goodknits Inc", - "date": "2020-02-20", - "status": "renewal", - "verified": false, - "activity": 29, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 73070 - }, - { - "id": 1159, - "name": "Carin Deleo", - "country": { - "name": "China", - "code": "cn" - }, - "company": "Redeker, Debbie", - "date": "2015-05-28", - "status": "qualified", - "verified": true, - "activity": 13, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 64422 - }, - { - "id": 1160, - "name": "Chantell Maynerich", - "country": { - "name": "Estonia", - "code": "ee" - }, - "company": "Desert Sands Motel", - "date": "2016-09-05", - "status": "unqualified", - "verified": true, - "activity": 75, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 36826 - }, - { - "id": 1161, - "name": "Dierdre Yum", - "country": { - "name": "Czech Republic", - "code": "cz" - }, - "company": "Cummins Southern Plains Inc", - "date": "2016-12-20", - "status": "negotiation", - "verified": true, - "activity": 1, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 93101 - }, - { - "id": 1162, - "name": "Larae Gudroe", - "country": { - "name": "Slovenia", - "code": "si" - }, - "company": "Lehigh Furn Divsn Lehigh", - "date": "2015-11-28", - "status": "unqualified", - "verified": false, - "activity": 13, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 60177 - }, - { - "id": 1163, - "name": "Latrice Tolfree", - "country": { - "name": "Jamaica", - "code": "jm" - }, - "company": "United Van Lines Agent", - "date": "2018-11-11", - "status": "renewal", - "verified": false, - "activity": 73, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 47198 - }, - { - "id": 1164, - "name": "Kerry Theodorov", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "Capitol Reporters", - "date": "2016-11-05", - "status": "unqualified", - "verified": true, - "activity": 76, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 71305 - }, - { - "id": 1165, - "name": "Dorthy Hidvegi", - "country": { - "name": "Poland", - "code": "pl" - }, - "company": "Kwik Kopy Printing", - "date": "2020-08-13", - "status": "qualified", - "verified": true, - "activity": 60, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 17526 - }, - { - "id": 1166, - "name": "Fannie Lungren", - "country": { - "name": "Belarus", - "code": "by" - }, - "company": "Centro Inc", - "date": "2015-07-06", - "status": "negotiation", - "verified": true, - "activity": 24, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 16596 - }, - { - "id": 1167, - "name": "Evangelina Radde", - "country": { - "name": "Ivory Coast", - "code": "ci" - }, - "company": "Campbell, Jan Esq", - "date": "2020-02-25", - "status": "unqualified", - "verified": true, - "activity": 93, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 56870 - }, - { - "id": 1168, - "name": "Novella Degroot", - "country": { - "name": "Slovenia", - "code": "si" - }, - "company": "Evans, C Kelly Esq", - "date": "2017-12-19", - "status": "unqualified", - "verified": false, - "activity": 30, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 82928 - }, - { - "id": 1169, - "name": "Clay Hoa", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Scat Enterprises", - "date": "2016-02-22", - "status": "negotiation", - "verified": false, - "activity": 93, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - "balance": 64181 - }, - { - "id": 1170, - "name": "Jennifer Fallick", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "Nagle, Daniel J Esq", - "date": "2016-12-24", - "status": "unqualified", - "verified": true, - "activity": 88, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 30561 - }, - { - "id": 1171, - "name": "Irma Wolfgramm", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Serendiquity Bed & Breakfast", - "date": "2020-10-18", - "status": "negotiation", - "verified": true, - "activity": 70, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 24617 - }, - { - "id": 1172, - "name": "Eun Coody", - "country": { - "name": "Taiwan", - "code": "tw" - }, - "company": "Ray Carolyne Realty", - "date": "2018-02-12", - "status": "qualified", - "verified": true, - "activity": 61, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 77860 - }, - { - "id": 1173, - "name": "Sylvia Cousey", - "country": { - "name": "Ireland", - "code": "ie" - }, - "company": "Berg, Charles E", - "date": "2018-06-10", - "status": "unqualified", - "verified": false, - "activity": 91, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 25664 - }, - { - "id": 1174, - "name": "Nana Wrinkles", - "country": { - "name": "Austria", - "code": "at" - }, - "company": "Ray, Milbern D", - "date": "2017-04-11", - "status": "renewal", - "verified": true, - "activity": 98, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 98113 - }, - { - "id": 1175, - "name": "Layla Springe", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Chadds Ford Winery", - "date": "2019-07-27", - "status": "unqualified", - "verified": true, - "activity": 97, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - "balance": 14763 - }, - { - "id": 1176, - "name": "Joesph Degonia", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "A R Packaging", - "date": "2020-04-23", - "status": "renewal", - "verified": true, - "activity": 56, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 31317 - }, - { - "id": 1177, - "name": "Annabelle Boord", - "country": { - "name": "Guatemala", - "code": "gt" - }, - "company": "Corn Popper", - "date": "2020-09-16", - "status": "proposal", - "verified": true, - "activity": 76, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 30883 - }, - { - "id": 1178, - "name": "Stephaine Vinning", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "Birite Foodservice Distr", - "date": "2016-05-14", - "status": "negotiation", - "verified": true, - "activity": 43, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 93785 - }, - { - "id": 1179, - "name": "Nelida Sawchuk", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Anchorage Museum Of Hist & Art", - "date": "2018-06-22", - "status": "qualified", - "verified": true, - "activity": 58, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 68380 - }, - { - "id": 1180, - "name": "Marguerita Hiatt", - "country": { - "name": "United Kingdom", - "code": "gb" - }, - "company": "Haber, George D Md", - "date": "2018-10-25", - "status": "qualified", - "verified": false, - "activity": 72, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 93454 - }, - { - "id": 1181, - "name": "Carmela Cookey", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Royal Pontiac Olds Inc", - "date": "2018-07-19", - "status": "proposal", - "verified": false, - "activity": 24, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 30570 - }, - { - "id": 1182, - "name": "Junita Brideau", - "country": { - "name": "Indonesia", - "code": "id" - }, - "company": "Leonards Antiques Inc", - "date": "2015-03-15", - "status": "proposal", - "verified": true, - "activity": 86, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - }, - "balance": 79506 - }, - { - "id": 1183, - "name": "Claribel Varriano", - "country": { - "name": "Ecuador", - "code": "ec" - }, - "company": "Meca", - "date": "2017-04-14", - "status": "unqualified", - "verified": true, - "activity": 15, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 8654 - }, - { - "id": 1184, - "name": "Benton Skursky", - "country": { - "name": "Iceland", - "code": "is" - }, - "company": "Nercon Engineering & Mfg Inc", - "date": "2015-02-19", - "status": "proposal", - "verified": true, - "activity": 9, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 13368 - }, - { - "id": 1185, - "name": "Hillary Skulski", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Replica I", - "date": "2016-03-25", - "status": "unqualified", - "verified": true, - "activity": 82, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 92631 - }, - { - "id": 1186, - "name": "Merilyn Bayless", - "country": { - "name": "Jamaica", - "code": "jm" - }, - "company": "20 20 Printing Inc", - "date": "2020-10-13", - "status": "unqualified", - "verified": true, - "activity": 13, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 4989 - }, - { - "id": 1187, - "name": "Teri Ennaco", - "country": { - "name": "Pakistan", - "code": "pk" - }, - "company": "Publishers Group West", - "date": "2019-12-21", - "status": "unqualified", - "verified": true, - "activity": 57, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - }, - "balance": 77668 - }, - { - "id": 1188, - "name": "Merlyn Lawler", - "country": { - "name": "Germany", - "code": "de" - }, - "company": "Nischwitz, Jeffrey L Esq", - "date": "2016-02-26", - "status": "renewal", - "verified": true, - "activity": 45, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 3525 - }, - { - "id": 1189, - "name": "Georgene Montezuma", - "country": { - "name": "Senegal", - "code": "sn" - }, - "company": "Payne Blades & Wellborn Pa", - "date": "2018-10-11", - "status": "new", - "verified": true, - "activity": 64, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 45838 - }, - { - "id": 1190, - "name": "Jettie Mconnell", - "country": { - "name": "Denmark", - "code": "dk" - }, - "company": "Coldwell Bnkr Wright Real Est", - "date": "2015-10-18", - "status": "negotiation", - "verified": false, - "activity": 74, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 49148 - }, - { - "id": 1191, - "name": "Lemuel Latzke", - "country": { - "name": "Colombia", - "code": "co" - }, - "company": "Computer Repair Service", - "date": "2016-02-13", - "status": "proposal", - "verified": false, - "activity": 79, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 96709 - }, - { - "id": 1192, - "name": "Melodie Knipp", - "country": { - "name": "Finland", - "code": "fi" - }, - "company": "Fleetwood Building Block Inc", - "date": "2018-03-08", - "status": "negotiation", - "verified": false, - "activity": 19, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 23253 - }, - { - "id": 1193, - "name": "Candida Corbley", - "country": { - "name": "Poland", - "code": "pl" - }, - "company": "Colts Neck Medical Assocs Inc", - "date": "2017-12-02", - "status": "negotiation", - "verified": true, - "activity": 11, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - "balance": 40836 - }, - { - "id": 1194, - "name": "Karan Karpin", - "country": { - "name": "Estonia", - "code": "ee" - }, - "company": "New England Taxidermy", - "date": "2019-01-07", - "status": "proposal", - "verified": true, - "activity": 4, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - }, - "balance": 60719 - }, - { - "id": 1195, - "name": "Andra Scheyer", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "Ludcke, George O Esq", - "date": "2016-08-14", - "status": "qualified", - "verified": true, - "activity": 62, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 17419 - }, - { - "id": 1196, - "name": "Felicidad Poullion", - "country": { - "name": "Greece", - "code": "gr" - }, - "company": "Mccorkle, Tom S Esq", - "date": "2016-03-05", - "status": "renewal", - "verified": true, - "activity": 64, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - }, - "balance": 94052 - }, - { - "id": 1197, - "name": "Belen Strassner", - "country": { - "name": "Ivory Coast", - "code": "ci" - }, - "company": "Eagle Software Inc", - "date": "2015-12-14", - "status": "qualified", - "verified": true, - "activity": 91, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - "balance": 54241 - }, - { - "id": 1198, - "name": "Gracia Melnyk", - "country": { - "name": "Costa Rica", - "code": "cr" - }, - "company": "Juvenile & Adult Super", - "date": "2019-06-01", - "status": "unqualified", - "verified": true, - "activity": 40, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - "balance": 87668 - }, - { - "id": 1199, - "name": "Jolanda Hanafan", - "country": { - "name": "Cameroon", - "code": "cm" - }, - "company": "Perez, Joseph J Esq", - "date": "2015-12-09", - "status": "qualified", - "verified": true, - "activity": 27, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - "balance": 99417 - } - ] -} diff --git a/tiles/assets/demo/data/customers-medium.json b/tiles/assets/demo/data/customers-medium.json deleted file mode 100644 index 54879ec..0000000 --- a/tiles/assets/demo/data/customers-medium.json +++ /dev/null @@ -1,804 +0,0 @@ -{ - "data": [ - { - "id": 1000, - "name": "James Butt", - "country": { - "name": "Algeria", - "code": "dz" - }, - "company": "Benton, John B Jr", - "date": "2015-09-13", - "status": "unqualified", - "activity": 17, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1001, - "name": "Josephine Darakjy", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chanay, Jeffrey A Esq", - "date": "2019-02-09", - "status": "proposal", - "activity": 0, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1002, - "name": "Art Venere", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Chemel, James L Cpa", - "date": "2017-05-13", - "status": "qualified", - "activity": 63, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1003, - "name": "Lenna Paprocki", - "country": { - "name": "Slovenia", - "code": "si" - }, - "company": "Feltz Printing Service", - "date": "2020-09-15", - "status": "new", - "activity": 37, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1004, - "name": "Donette Foller", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Printing Dimensions", - "date": "2016-05-20", - "status": "proposal", - "activity": 33, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1005, - "name": "Simona Morasca", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chapman, Ross E Esq", - "date": "2018-02-16", - "status": "qualified", - "activity": 68, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1006, - "name": "Mitsue Tollner", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Morlong Associates", - "date": "2018-02-19", - "status": "renewal", - "activity": 54, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1007, - "name": "Leota Dilliard", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Commercial Press", - "date": "2019-08-13", - "status": "renewal", - "activity": 69, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1008, - "name": "Sage Wieser", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Truhlar And Truhlar Attys", - "date": "2018-11-21", - "status": "unqualified", - "activity": 76, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1009, - "name": "Kris Marrier", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "King, Christopher A Esq", - "date": "2015-07-07", - "status": "proposal", - "activity": 3, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1010, - "name": "Minna Amigon", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "Dorl, James J Esq", - "date": "2018-11-07", - "status": "qualified", - "activity": 38, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - } - }, - { - "id": 1011, - "name": "Abel Maclead", - "country": { - "name": "Singapore", - "code": "sg" - }, - "company": "Rangoni Of Florence", - "date": "2017-03-11", - "status": "qualified", - "activity": 87, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - } - }, - { - "id": 1012, - "name": "Kiley Caldarera", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Feiner Bros", - "date": "2015-10-20", - "status": "unqualified", - "activity": 80, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1013, - "name": "Graciela Ruta", - "country": { - "name": "Chile", - "code": "cl" - }, - "company": "Buckley Miller \u0026 Wright", - "date": "2016-07-25", - "status": "negotiation", - "activity": 59, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1014, - "name": "Cammy Albares", - "country": { - "name": "Philippines", - "code": "ph" - }, - "company": "Rousseaux, Michael Esq", - "date": "2019-06-25", - "status": "new", - "activity": 90, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1015, - "name": "Mattie Poquette", - "country": { - "name": "Venezuela", - "code": "ve" - }, - "company": "Century Communications", - "date": "2017-12-12", - "status": "negotiation", - "activity": 52, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - } - }, - { - "id": 1016, - "name": "Meaghan Garufi", - "country": { - "name": "Malaysia", - "code": "my" - }, - "company": "Bolton, Wilbur Esq", - "date": "2018-07-04", - "status": "unqualified", - "activity": 31, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1017, - "name": "Gladys Rim", - "country": { - "name": "Netherlands", - "code": "nl" - }, - "company": "T M Byxbee Company Pc", - "date": "2020-02-27", - "status": "renewal", - "activity": 48, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - } - }, - { - "id": 1018, - "name": "Yuki Whobrey", - "country": { - "name": "Israel", - "code": "il" - }, - "company": "Farmers Insurance Group", - "date": "2017-12-21", - "status": "negotiation", - "activity": 16, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - } - }, - { - "id": 1019, - "name": "Fletcher Flosi", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "Post Box Services Plus", - "date": "2016-01-04", - "status": "renewal", - "activity": 19, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1020, - "name": "Bette Nicka", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Sport En Art", - "date": "2016-10-21", - "status": "renewal", - "activity": 100, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1021, - "name": "Veronika Inouye", - "country": { - "name": "Ecuador", - "code": "ec" - }, - "company": "C 4 Network Inc", - "date": "2017-03-24", - "status": "renewal", - "activity": 72, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1022, - "name": "Willard Kolmetz", - "country": { - "name": "Tunisia", - "code": "tn" - }, - "company": "Ingalls, Donald R Esq", - "date": "2017-04-15", - "status": "renewal", - "activity": 94, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1023, - "name": "Maryann Royster", - "country": { - "name": "Belarus", - "code": "by" - }, - "company": "Franklin, Peter L Esq", - "date": "2017-03-11", - "status": "qualified", - "activity": 56, - "representative": { - "name": "Elwin Sharvill", - "image": "elwinsharvill.png" - } - }, - { - "id": 1024, - "name": "Alisha Slusarski", - "country": { - "name": "Iceland", - "code": "is" - }, - "company": "Wtlz Power 107 Fm", - "date": "2018-03-27", - "status": "qualified", - "activity": 7, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - } - }, - { - "id": 1025, - "name": "Allene Iturbide", - "country": { - "name": "Italy", - "code": "it" - }, - "company": "Ledecky, David Esq", - "date": "2016-02-20", - "status": "qualified", - "activity": 1, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1026, - "name": "Chanel Caudy", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "Professional Image Inc", - "date": "2018-06-24", - "status": "new", - "activity": 26, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1027, - "name": "Ezekiel Chui", - "country": { - "name": "Ireland", - "code": "ie" - }, - "company": "Sider, Donald C Esq", - "date": "2016-09-24", - "status": "new", - "activity": 76, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1028, - "name": "Willow Kusko", - "country": { - "name": "Romania", - "code": "ro" - }, - "company": "U Pull It", - "date": "2020-04-11", - "status": "qualified", - "activity": 7, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1029, - "name": "Bernardo Figeroa", - "country": { - "name": "Israel", - "code": "il" - }, - "company": "Clark, Richard Cpa", - "date": "2018-04-11", - "status": "renewal", - "activity": 81, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1030, - "name": "Ammie Corrio", - "country": { - "name": "Hungary", - "code": "hu" - }, - "company": "Moskowitz, Barry S", - "date": "2016-06-11", - "status": "negotiation", - "activity": 56, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1031, - "name": "Francine Vocelka", - "country": { - "name": "Honduras", - "code": "hn" - }, - "company": "Cascade Realty Advisors Inc", - "date": "2017-08-02", - "status": "qualified", - "activity": 94, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1032, - "name": "Ernie Stenseth", - "country": { - "name": "Australia", - "code": "au" - }, - "company": "Knwz Newsradio", - "date": "2018-06-06", - "status": "renewal", - "activity": 68, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1033, - "name": "Albina Glick", - "country": { - "name": "Ukraine", - "code": "ua" - }, - "company": "Giampetro, Anthony D", - "date": "2019-08-08", - "status": "proposal", - "activity": 85, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - } - }, - { - "id": 1034, - "name": "Alishia Sergi", - "country": { - "name": "Qatar", - "code": "qa" - }, - "company": "Milford Enterprises Inc", - "date": "2018-05-19", - "status": "negotiation", - "activity": 46, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1035, - "name": "Solange Shinko", - "country": { - "name": "Cameroon", - "code": "cm" - }, - "company": "Mosocco, Ronald A", - "date": "2015-02-12", - "status": "qualified", - "activity": 32, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1036, - "name": "Jose Stockham", - "country": { - "name": "Italy", - "code": "it" - }, - "company": "Tri State Refueler Co", - "date": "2018-04-25", - "status": "qualified", - "activity": 77, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1037, - "name": "Rozella Ostrosky", - "country": { - "name": "Venezuela", - "code": "ve" - }, - "company": "Parkway Company", - "date": "2016-02-27", - "status": "unqualified", - "activity": 66, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1038, - "name": "Valentine Gillian", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Fbs Business Finance", - "date": "2019-09-17", - "status": "qualified", - "activity": 25, - "representative": { - "name": "Bernardo Dominic", - "image": "bernardodominic.png" - } - }, - { - "id": 1039, - "name": "Kati Rulapaugh", - "country": { - "name": "Puerto Rico", - "code": "pr" - }, - "company": "Eder Assocs Consltng Engrs Pc", - "date": "2016-12-03", - "status": "renewal", - "activity": 51, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1040, - "name": "Youlanda Schemmer", - "country": { - "name": "Bolivia", - "code": "bo" - }, - "company": "Tri M Tool Inc", - "date": "2017-12-15", - "status": "negotiation", - "activity": 49, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1041, - "name": "Dyan Oldroyd", - "country": { - "name": "Argentina", - "code": "ar" - }, - "company": "International Eyelets Inc", - "date": "2017-02-02", - "status": "qualified", - "activity": 5, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1042, - "name": "Roxane Campain", - "country": { - "name": "France", - "code": "fr" - }, - "company": "Rapid Trading Intl", - "date": "2018-12-25", - "status": "unqualified", - "activity": 100, - "representative": { - "name": "Anna Fali", - "image": "annafali.png" - } - }, - { - "id": 1043, - "name": "Lavera Perin", - "country": { - "name": "Vietnam", - "code": "vn" - }, - "company": "Abc Enterprises Inc", - "date": "2018-04-10", - "status": "qualified", - "activity": 71, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - } - }, - { - "id": 1044, - "name": "Erick Ferencz", - "country": { - "name": "Belgium", - "code": "be" - }, - "company": "Cindy Turner Associates", - "date": "2018-05-06", - "status": "unqualified", - "activity": 54, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1045, - "name": "Fatima Saylors", - "country": { - "name": "Canada", - "code": "ca" - }, - "company": "Stanton, James D Esq", - "date": "2019-07-10", - "status": "renewal", - "activity": 93, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1046, - "name": "Jina Briddick", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "Grace Pastries Inc", - "date": "2018-02-19", - "status": "unqualified", - "activity": 97, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1047, - "name": "Kanisha Waycott", - "country": { - "name": "Ecuador", - "code": "ec" - }, - "company": "Schroer, Gene E Esq", - "date": "2019-11-27", - "status": "new", - "activity": 80, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1048, - "name": "Emerson Bowley", - "country": { - "name": "Finland", - "code": "fi" - }, - "company": "Knights Inn", - "date": "2018-11-24", - "status": "new", - "activity": 63, - "representative": { - "name": "Stephen Shaw", - "image": "stephenshaw.png" - } - }, - { - "id": 1049, - "name": "Blair Malet", - "country": { - "name": "Finland", - "code": "fi" - }, - "company": "Bollinger Mach Shp \u0026 Shipyard", - "date": "2018-04-19", - "status": "new", - "activity": 92, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - } - ] -} diff --git a/tiles/assets/demo/data/customers-small.json b/tiles/assets/demo/data/customers-small.json deleted file mode 100644 index 2fcd25b..0000000 --- a/tiles/assets/demo/data/customers-small.json +++ /dev/null @@ -1,164 +0,0 @@ -{ - "data": [ - { - "id": 1000, - "name": "James Butt", - "country": { - "name": "Algeria", - "code": "dz" - }, - "company": "Benton, John B Jr", - "date": "2015-09-13", - "status": "unqualified", - "activity": 17, - "representative": { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - }, - { - "id": 1001, - "name": "Josephine Darakjy", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chanay, Jeffrey A Esq", - "date": "2019-02-09", - "status": "proposal", - "activity": 0, - "representative": { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - }, - { - "id": 1002, - "name": "Art Venere", - "country": { - "name": "Panama", - "code": "pa" - }, - "company": "Chemel, James L Cpa", - "date": "2017-05-13", - "status": "qualified", - "activity": 63, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1003, - "name": "Lenna Paprocki", - "country": { - "name": "Slovenia", - "code": "si" - }, - "company": "Feltz Printing Service", - "date": "2020-09-15", - "status": "new", - "activity": 37, - "representative": { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - }, - { - "id": 1004, - "name": "Donette Foller", - "country": { - "name": "South Africa", - "code": "za" - }, - "company": "Printing Dimensions", - "date": "2016-05-20", - "status": "proposal", - "activity": 33, - "representative": { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - }, - { - "id": 1005, - "name": "Simona Morasca", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Chapman, Ross E Esq", - "date": "2018-02-16", - "status": "qualified", - "activity": 68, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1006, - "name": "Mitsue Tollner", - "country": { - "name": "Paraguay", - "code": "py" - }, - "company": "Morlong Associates", - "date": "2018-02-19", - "status": "renewal", - "activity": 54, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1007, - "name": "Leota Dilliard", - "country": { - "name": "Serbia", - "code": "rs" - }, - "company": "Commercial Press", - "date": "2019-08-13", - "status": "renewal", - "activity": 69, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - }, - { - "id": 1008, - "name": "Sage Wieser", - "country": { - "name": "Egypt", - "code": "eg" - }, - "company": "Truhlar And Truhlar Attys", - "date": "2018-11-21", - "status": "unqualified", - "activity": 76, - "representative": { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - }, - { - "id": 1009, - "name": "Kris Marrier", - "country": { - "name": "Mexico", - "code": "mx" - }, - "company": "King, Christopher A Esq", - "date": "2015-07-07", - "status": "proposal", - "activity": 3, - "representative": { - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - } - ] -} diff --git a/tiles/assets/demo/data/file-management.json b/tiles/assets/demo/data/file-management.json deleted file mode 100644 index 45a8c61..0000000 --- a/tiles/assets/demo/data/file-management.json +++ /dev/null @@ -1,200 +0,0 @@ -{ - "files": [ - { - "name": "nature.jpeg", - "icon": "pi pi-image", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "report.pdf", - "icon": "pi pi-image", - "date": "29 Jul 2021", - "fileSize": "6 MB" - }, - { - "name": "screenshot.jpeg", - "icon": "pi pi-image", - "date": "29 Jul 2021", - "fileSize": "32 MB" - }, - { - "name": "sales.xls", - "icon": "pi pi-file-excel", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "cv.pdf", - "icon": "pi pi-file-pdf", - "date": "29 Jul 2021", - "fileSize": "1.6 MB" - }, - { - "name": "product.png", - "icon": "pi pi-image", - "date": "29 Jul 2021", - "fileSize": "1.8 MB" - }, - { - "name": "income.xls", - "icon": "pi pi-file-excel", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "art.png", - "icon": "pi pi-image", - "date": "29 Jul 2021", - "fileSize": "6 MB" - }, - { - "name": "expenses.xls", - "icon": "pi pi-file-excel", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "cv-new.pdf", - "icon": "pi pi-file-pdf", - "date": "29 Jul 2021", - "fileSize": "1.6 MB" - }, - { - "name": "revenue.xls", - "icon": "pi pi-file-excel", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "payment-1.pdf", - "icon": "pi pi-file-pdf", - "date": "29 Jul 2021", - "fileSize": "6 MB" - }, - { - "name": "payment-2.pdf", - "icon": "pi pi-file-pdf", - "date": "29 Jul 2021", - "fileSize": "32 MB" - }, - { - "name": "invoices.xls", - "icon": "pi pi-file-excel", - "date": "29 Jul 2021", - "fileSize": "12 MB" - }, - { - "name": "ads.pdf", - "icon": "pi pi-file-pdf", - "date": "29 Jul 2021", - "fileSize": "1.6 MB" - } - ], - - "metrics": [ - { - "title": "Cloud Storage", - "icon": "pi pi-ellipsis-v", - "fieldColor": "bg-yellow-500", - "color": "bg-yellow-100", - "files": "412 Files", - "fileSize": "1.5GB" - }, - { - "title": "Dropbox Storage", - "icon": "pi pi-ellipsis-v", - "fieldColor": "bg-pink-500", - "color": "bg-pink-100", - "files": "200 Files", - "fileSize": "4.1GB" - }, - { - "title": "Google Drive Storage", - "icon": "pi pi-ellipsis-v", - "fieldColor": "bg-green-500", - "color": "bg-green-100", - "files": "24 Files", - "fileSize": "1.3GB" - }, - { - "title": "Internal Storage", - "icon": "pi pi-ellipsis-v", - "fieldColor": "bg-indigo-500", - "color": "bg-indigo-100", - "files": "82 Files", - "fileSize": "5.3GB" - } - ], - - "folders_small": [ - { - "name": "Document Files", - "icon": "pi pi-folder", - "size": "1.8 GB" - }, - { - "name": "Document Files", - "icon": "pi pi-images", - "size": "23 GB" - }, - { - "name": "Other Files", - "icon": "pi pi-folder-open", - "size": "1.8 GB" - }, - { - "name": "Unknown Files", - "icon": "pi pi-folder-open", - "size": "16 GB" - } - ], - - "folders_large": [ - { - "name": "Miami 2022", - "icon": "pi pi-folder", - "size": "12" - }, - { - "name": "Protoype", - "icon": "pi pi-folder", - "size": "1" - }, - { - "name": "Other Files", - "icon": "pi pi-folder", - "size": "53" - }, - { - "name": "Antalya Holiday", - "icon": "pi pi-folder", - "size": "1" - }, - { - "name": "Studio Photograpy", - "icon": "pi pi-folder", - "size": "3" - }, - { - "name": "Server Backup", - "icon": "pi pi-folder-open", - "size": "9" - }, - { - "name": "Document Files", - "icon": "pi pi-folder", - "size": "53" - }, - { - "name": "Vocals", - "icon": "pi pi-image", - "size": "0" - }, - { - "name": "Volces", - "icon": "pi pi-folder-open", - "size": "6" - } - ] -} diff --git a/tiles/assets/demo/data/files-lazy.json b/tiles/assets/demo/data/files-lazy.json deleted file mode 100644 index 546de48..0000000 --- a/tiles/assets/demo/data/files-lazy.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "data": - [ - { - "label": "Lazy Node 0", - "data": "Node 0", - "expandedIcon": "pi pi-folder-open", - "collapsedIcon": "pi pi-folder", - "leaf": false - }, - { - "label": "Lazy Node 1", - "data": "Node 1", - "expandedIcon": "pi pi-folder-open", - "collapsedIcon": "pi pi-folder", - "leaf": false - }, - { - "label": "Lazy Node 1", - "data": "Node 2", - "expandedIcon": "pi pi-folder-open", - "collapsedIcon": "pi pi-folder", - "leaf": false - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/files.json b/tiles/assets/demo/data/files.json deleted file mode 100644 index 40aed1c..0000000 --- a/tiles/assets/demo/data/files.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "data": [ - { - "key": "0", - "label": "Documents", - "data": "Documents Folder", - "icon": "pi pi-fw pi-inbox", - "children": [{ - "key": "0-0", - "label": "Work", - "data": "Work Folder", - "icon": "pi pi-fw pi-cog", - "children": [{ "key": "0-0-0", "label": "Expenses.doc", "icon": "pi pi-fw pi-file", "data": "Expenses Document" }, { "key": "0-0-1", "label": "Resume.doc", "icon": "pi pi-fw pi-file", "data": "Resume Document" }] - }, - { - "key": "0-1", - "label": "Home", - "data": "Home Folder", - "icon": "pi pi-fw pi-home", - "children": [{ "key": "0-1-0", "label": "Invoices.txt", "icon": "pi pi-fw pi-file", "data": "Invoices for this month" }] - }] - }, - { - "key": "1", - "label": "Events", - "data": "Events Folder", - "icon": "pi pi-fw pi-calendar", - "children": [ - { "key": "1-0", "label": "Meeting", "icon": "pi pi-fw pi-calendar-plus", "data": "Meeting" }, - { "key": "1-1", "label": "Product Launch", "icon": "pi pi-fw pi-calendar-plus", "data": "Product Launch" }, - { "key": "1-2", "label": "Report Review", "icon": "pi pi-fw pi-calendar-plus", "data": "Report Review" }] - }, - { - "key": "2", - "label": "Movies", - "data": "Movies Folder", - "icon": "pi pi-fw pi-star", - "children": [{ - "key": "2-0", - "icon": "pi pi-fw pi-star", - "label": "Al Pacino", - "data": "Pacino Movies", - "children": [{ "key": "2-0-0", "label": "Scarface", "icon": "pi pi-fw pi-video", "data": "Scarface Movie" }, { "key": "2-0-1", "label": "Serpico", "icon": "pi pi-fw pi-video", "data": "Serpico Movie" }] - }, - { - "key": "2-1", - "label": "Robert De Niro", - "icon": "pi pi-fw pi-star", - "data": "De Niro Movies", - "children": [{ "key": "2-1-0", "label": "Goodfellas", "icon": "pi pi-fw pi-video", "data": "Goodfellas Movie" }, { "key": "2-1-1", "label": "Untouchables", "icon": "pi pi-fw pi-video", "data": "Untouchables Movie" }] - }] - } - ] -} diff --git a/tiles/assets/demo/data/filesystem-lazy.json b/tiles/assets/demo/data/filesystem-lazy.json deleted file mode 100644 index f9a2c3a..0000000 --- a/tiles/assets/demo/data/filesystem-lazy.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "data": - [ - { - "data":{ - "name":"Lazy Folder 0", - "size":"75kb", - "type":"Folder" - }, - "leaf": false - }, - { - "data":{ - "name":"Lazy Folder 1", - "size":"150kb", - "type":"Folder" - }, - "leaf": false - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/filesystem.json b/tiles/assets/demo/data/filesystem.json deleted file mode 100644 index 9bfeb85..0000000 --- a/tiles/assets/demo/data/filesystem.json +++ /dev/null @@ -1,313 +0,0 @@ -{ - "data": - [ - { - "data":{ - "name":"Applications", - "size":"200mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"Angular", - "size":"25mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"angular.app", - "size":"10mb", - "type":"Application" - } - }, - { - "data":{ - "name":"cli.app", - "size":"10mb", - "type":"Application" - } - }, - { - "data":{ - "name":"mobile.app", - "size":"5mb", - "type":"Application" - } - } - ] - }, - { - "data":{ - "name":"editor.app", - "size":"25mb", - "type":"Application" - } - }, - { - "data":{ - "name":"settings.app", - "size":"50mb", - "type":"Application" - } - } - ] - }, - { - "data":{ - "name":"Cloud", - "size":"20mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"backup-1.zip", - "size":"10mb", - "type":"Zip" - } - }, - { - "data":{ - "name":"backup-2.zip", - "size":"10mb", - "type":"Zip" - } - } - ] - }, - { - "data": { - "name":"Desktop", - "size":"150kb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"note-meeting.txt", - "size":"50kb", - "type":"Text" - } - }, - { - "data":{ - "name":"note-todo.txt", - "size":"100kb", - "type":"Text" - } - } - ] - }, - { - "data":{ - "name":"Documents", - "size":"75kb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"Work", - "size":"55kb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"Expenses.doc", - "size":"30kb", - "type":"Document" - } - }, - { - "data":{ - "name":"Resume.doc", - "size":"25kb", - "type":"Resume" - } - } - ] - }, - { - "data":{ - "name":"Home", - "size":"20kb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"Invoices", - "size":"20kb", - "type":"Text" - } - } - ] - } - ] - }, - { - "data": { - "name":"Downloads", - "size":"25mb", - "type":"Folder" - }, - "children":[ - { - "data": { - "name":"Spanish", - "size":"10mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"tutorial-a1.txt", - "size":"5mb", - "type":"Text" - } - }, - { - "data":{ - "name":"tutorial-a2.txt", - "size":"5mb", - "type":"Text" - } - } - ] - }, - { - "data":{ - "name":"Travel", - "size":"15mb", - "type":"Text" - }, - "children":[ - { - "data":{ - "name":"Hotel.pdf", - "size":"10mb", - "type":"PDF" - } - }, - { - "data":{ - "name":"Flight.pdf", - "size":"5mb", - "type":"PDF" - } - } - ] - } - ] - }, - { - "data": { - "name":"Main", - "size":"50mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"bin", - "size":"50kb", - "type":"Link" - } - }, - { - "data":{ - "name":"etc", - "size":"100kb", - "type":"Link" - } - }, - { - "data":{ - "name":"var", - "size":"100kb", - "type":"Link" - } - } - ] - }, - { - "data":{ - "name":"Other", - "size":"5mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"todo.txt", - "size":"3mb", - "type":"Text" - } - }, - { - "data":{ - "name":"logo.png", - "size":"2mb", - "type":"Picture" - } - } - ] - }, - { - "data":{ - "name":"Pictures", - "size":"150kb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"barcelona.jpg", - "size":"90kb", - "type":"Picture" - } - }, - { - "data":{ - "name":"primeng.png", - "size":"30kb", - "type":"Picture" - } - }, - { - "data":{ - "name":"prime.jpg", - "size":"30kb", - "type":"Picture" - } - } - ] - }, - { - "data":{ - "name":"Videos", - "size":"1500mb", - "type":"Folder" - }, - "children":[ - { - "data":{ - "name":"primefaces.mkv", - "size":"1000mb", - "type":"Video" - } - }, - { - "data":{ - "name":"intro.avi", - "size":"500mb", - "type":"Video" - } - } - ] - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/icons.json b/tiles/assets/demo/data/icons.json deleted file mode 100644 index 06c4a8a..0000000 --- a/tiles/assets/demo/data/icons.json +++ /dev/null @@ -1 +0,0 @@ -{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M959.977 394.711c0-24.979-9.774-48.87-27.693-66.789l-236.207-236.207c-36.923-36.923-96.655-36.923-133.578 0l-470.781 470.781c-17.919 17.919-27.693 41.81-27.693 66.789s9.774 48.87 27.693 66.789l236.207 236.207c18.462 18.462 42.356 27.693 66.789 27.693 2.173 0 4.887 0 7.060-0.543 1.084 0 1.63 0 2.714 0h433.859c22.263 0 40.725-18.462 40.725-40.725s-18.462-40.725-40.725-40.725h-323.088l416.482-416.482c17.919-17.919 27.693-41.81 27.693-66.789zM149.275 638.521c-3.257-3.257-3.8-7.060-3.8-9.231s0-5.972 3.8-9.231l206.341-206.341 254.669 254.669-206.341 206.341c-4.887 4.887-13.032 4.887-18.462 0l-236.207-236.75zM874.725 404.486l-206.341 206.341-254.669-254.669 206.341-206.341c4.887-4.887 13.032-4.887 18.462 0l236.207 236.75c3.257 3.257 3.8 7.060 3.8 9.231s0 5.972-3.8 9.231z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["eraser"]},"attrs":[{}],"properties":{"order":333,"id":261,"name":"eraser","prevSize":80,"code":59908},"setIdx":0,"setId":1,"iconIdx":0},{"icon":{"paths":["M496 128.019c-247.028 0-447.979 200.95-447.979 447.979s200.95 447.979 447.979 447.979 447.979-200.95 447.979-447.979-200.95-447.979-447.979-447.979zM496 927.979c-193.911 0-351.983-158.073-351.983-351.983s158.073-351.983 351.983-351.983 351.983 158.073 351.983 351.983-158.073 351.983-351.983 351.983zM288.011 48.023c0-26.238 21.759-47.998 47.998-47.998h319.984c26.238 0 47.998 21.759 47.998 47.998s-21.759 47.998-47.998 47.998h-319.984c-26.238 0-47.998-21.759-47.998-47.998zM543.998 384.007v191.991c0 26.238-21.759 47.998-47.998 47.998s-47.998-21.759-47.998-47.998v-191.991c0-26.238 21.759-47.998 47.998-47.998s47.998 21.759 47.998 47.998zM962.538 273.291c-9.6 9.6-21.759 14.080-33.918 14.080s-24.318-4.48-33.918-14.080l-95.995-95.995c-18.559-18.559-18.559-49.277 0-67.837s49.277-18.559 67.837 0l95.995 95.995c18.559 18.559 18.559 49.277 0 67.837z"],"attrs":[{}],"grid":16,"tags":["stopwatch"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":332,"id":260,"name":"stopwatch","prevSize":80,"code":59905},"setIdx":0,"setId":1,"iconIdx":1},{"icon":{"paths":["M626.347 1024c-27.876 0-54.044-13.084-75.663-24.463-13.653-6.827-30.151-15.36-38.684-15.36s-25.6 8.533-38.684 15.36c-27.307 14.223-61.44 31.289-97.849 21.617-37.547-9.671-58.027-42.667-75.093-68.836-7.396-11.947-17.636-27.876-24.463-31.857s-25.031-4.551-40.391-5.689c-30.72-1.707-68.836-3.413-96.143-30.151-27.307-27.876-29.013-65.991-30.72-96.711-0.569-14.791-1.707-33.564-5.689-40.391-3.413-6.257-19.911-16.497-31.289-23.893-26.169-17.067-58.596-38.116-68.836-75.093-9.671-36.409 7.396-70.543 21.617-97.849 6.827-13.653 15.36-30.151 15.36-38.684s-8.533-25.6-15.36-38.684c-14.223-27.307-31.289-61.44-21.617-97.849 9.671-37.547 42.667-58.027 68.836-75.093 11.947-7.396 27.876-17.636 31.857-24.463s4.551-25.031 5.689-40.391c1.707-30.72 3.413-68.836 30.151-96.143 27.876-27.307 65.991-29.013 96.711-30.72 14.791-0.569 33.564-1.707 40.391-5.689 6.257-3.413 16.497-19.911 23.893-31.289 17.067-26.169 38.116-58.596 75.093-68.836 36.409-9.671 70.543 7.396 97.849 21.617 13.653 6.827 30.151 15.36 38.684 15.36s25.6-8.533 38.684-15.36c27.307-13.653 61.44-31.289 97.849-21.617 37.547 9.671 58.027 42.667 75.093 68.836 7.396 11.947 17.636 27.876 24.463 31.857s25.031 4.551 40.391 5.689c30.72 1.707 68.836 3.413 96.143 30.151 27.307 27.876 29.013 65.991 30.72 96.711 0.569 14.791 1.707 33.564 5.689 40.391 3.413 6.257 19.911 16.497 31.289 23.893 26.169 17.067 58.596 38.116 68.836 75.093 9.671 36.409-7.396 70.543-21.617 97.849-6.827 13.653-15.36 30.151-15.36 38.684s8.533 25.6 15.36 38.684c14.223 27.307 31.289 61.44 21.617 97.849-9.671 37.547-42.667 58.027-68.836 75.093-11.947 7.396-27.876 17.636-31.857 24.463s-4.551 25.031-5.689 40.391c-1.707 30.72-3.413 68.836-30.151 96.143-27.876 27.307-65.991 29.013-96.711 30.72-14.791 0.569-33.564 1.707-40.391 5.689-6.257 3.413-16.497 19.911-23.893 31.289-17.067 26.169-38.116 58.596-75.093 68.836-7.396 2.276-14.791 2.844-22.187 2.844zM398.223 85.333s0 0-0.569 0c-5.689 2.276-18.773 21.617-25.031 32.427-13.653 21.049-29.013 44.943-53.476 59.164-25.031 14.223-53.476 15.929-79.076 17.067-12.516 0.569-35.84 1.707-40.96 5.689-3.413 4.551-4.551 27.307-5.12 39.823-1.137 25.6-2.844 54.044-17.067 78.507s-38.116 39.823-59.164 53.476c-10.809 6.827-30.151 19.343-32.427 25.6-0.569 6.257 9.103 25.6 14.791 36.977 11.377 22.756 25.031 48.356 25.031 77.369s-13.084 54.613-25.031 77.369c-5.689 11.377-15.929 30.72-14.791 36.977 2.276 5.689 21.617 18.773 32.427 25.031 21.049 13.653 44.943 29.013 59.164 53.476 14.223 25.031 15.929 53.476 17.067 79.076 0.569 12.516 1.707 35.84 5.689 40.96 4.551 3.413 27.307 4.551 39.823 5.12 25.6 1.137 54.044 2.844 78.507 17.067s39.823 38.116 53.476 59.164c6.827 10.809 19.343 30.151 25.6 32.427 5.689 1.707 25.6-9.103 36.977-14.791 22.756-11.377 48.356-25.031 77.369-25.031s54.613 13.084 77.369 25.031c11.377 5.689 29.583 16.497 36.977 14.791 5.689-2.276 18.773-21.617 25.031-32.427 13.653-21.049 29.013-44.943 53.476-59.164 25.031-14.223 53.476-15.929 79.076-17.067 12.516-0.569 35.84-1.707 40.96-5.689 3.413-4.551 4.551-27.307 5.12-39.823 1.137-25.6 2.844-54.044 17.067-78.507s38.116-39.823 59.164-53.476c10.809-6.827 30.151-19.343 32.427-25.6 0.569-6.257-9.103-25.6-14.791-36.977-11.377-22.756-25.031-48.356-25.031-77.369s13.084-54.613 25.031-77.369c5.689-11.377 15.36-30.72 14.791-36.977-2.276-6.257-22.187-18.773-32.427-25.6-21.049-13.653-44.943-29.013-59.164-53.476-14.223-25.031-15.929-53.476-17.067-79.076-0.569-12.516-1.707-35.84-5.689-40.96-4.551-3.413-27.307-4.551-39.823-5.12-25.6-1.137-54.044-2.844-78.507-17.067s-39.823-38.116-53.476-59.164c-6.827-10.809-19.343-30.151-25.6-32.427-5.689-1.707-25.6 9.103-36.977 14.791-22.756 11.377-48.356 25.031-77.369 25.031s-54.613-13.084-77.369-25.031c-11.377-5.689-29.583-14.791-36.409-14.791zM938.667 397.084s0 0 0 0v0zM426.097 711.68v0c-11.377 0-22.187-4.551-30.151-12.516l-142.791-142.791c-16.497-16.497-16.497-43.804 0-60.303s43.804-16.497 60.303 0l112.64 112.64 283.876-283.876c16.497-16.497 43.804-16.497 60.303 0s16.497 43.804 0 60.303l-314.027 314.027c-7.964 7.964-18.773 12.516-30.151 12.516z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["verified"]},"attrs":[{}],"properties":{"order":331,"id":259,"name":"verified","prevSize":80,"code":59906},"setIdx":0,"setId":1,"iconIdx":2},{"icon":{"paths":["M799.19 390.096l-121.904 121.904 121.904 121.904c15.924 15.924 15.924 42.282 0 58.207-8.237 8.237-18.67 12.081-29.103 12.081s-20.866-3.844-29.103-12.081l-121.904-121.904-121.904 121.904c-8.237 8.237-18.67 12.081-29.103 12.081s-20.866-3.844-29.103-12.081c-15.924-15.924-15.924-42.282 0-58.207l121.904-121.904-121.904-121.904c-15.924-15.924-15.924-42.282 0-58.207s42.282-15.924 58.207 0l121.904 121.904 121.904-121.904c15.924-15.924 42.282-15.924 58.207 0s15.924 42.282 0 58.207zM1023.778 237.441v549.119c0 52.715-42.831 96.096-96.096 96.096h-655.098c-33.497 0-63.697-17.023-81.27-45.028l-180.66-289.385c-13.728-21.965-13.728-50.518 0-73.033l180.66-288.837c17.571-28.005 48.323-45.028 81.27-45.028h655.648c52.715 0 96.096 43.381 96.096 96.096zM941.41 237.441c0-7.687-6.040-13.728-13.728-13.728h-655.098c-4.942 0-9.335 2.197-11.531 6.589l-176.267 281.698 176.267 281.698c2.745 3.844 7.139 6.589 11.531 6.589h655.648c7.687 0 13.728-6.040 13.728-13.728v-549.119z"],"attrs":[{}],"grid":16,"tags":["delete-left"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":330,"id":258,"name":"delete-left","prevSize":80,"code":59907},"setIdx":0,"setId":1,"iconIdx":3},{"icon":{"paths":["M877.707 936.219h-38.619c-22.234-79.578-90.695-277.351-257.457-424.219 166.762-146.867 235.222-344.642 257.457-424.219h38.619c23.99 0 43.885-19.895 43.885-43.885s-19.895-43.885-43.885-43.885h-731.412c-23.99 0-43.885 19.895-43.885 43.885s19.895 43.885 43.885 43.885h38.619c22.234 79.578 90.695 277.351 257.457 424.219-166.762 146.867-235.222 344.642-257.457 424.219h-38.619c-23.99 0-43.885 19.895-43.885 43.885s19.895 43.885 43.885 43.885h731.412c23.99 0 43.885-19.895 43.885-43.885s-19.895-43.885-43.885-43.885zM276.778 87.781h469.859c-26.331 83.089-93.621 248.679-235.222 367.462-141.601-119.366-208.891-284.373-235.222-367.462zM512 568.758c141.601 119.366 208.891 284.373 235.222 367.462h-470.444c26.331-83.089 93.621-248.681 235.222-367.462z"],"attrs":[{}],"grid":16,"tags":["hourglass"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":329,"id":257,"name":"hourglass","prevSize":80,"code":59902},"setIdx":0,"setId":1,"iconIdx":4},{"icon":{"paths":["M816.58 221.265h-110.756v-41.534c0-53.163-43.749-96.912-96.912-96.912h-512.247c-53.163 0-96.912 43.749-96.912 96.912v498.402c0 53.163 43.749 96.912 96.912 96.912h15.506c7.2 92.481 84.174 166.134 178.318 166.134s171.118-73.653 178.318-166.134h85.836c7.2 92.481 84.174 166.134 178.318 166.134s171.118-73.653 178.318-166.134h15.506c53.163 0 96.912-43.749 96.912-96.912v-249.201c0-114.633-93.035-207.668-207.668-207.668zM82.82 678.134v-498.402c0-7.752 6.091-13.845 13.845-13.845h512.247c7.752 0 13.845 6.091 13.845 13.845v439.701s-2.768 3.323-4.43 4.43c-8.307 7.2-16.059 14.952-23.259 23.259-2.216 2.768-4.43 4.984-6.091 7.752-8.307 11.629-16.059 23.259-21.043 36.55h-110.756s0 0 0-0.554c0 0 0 0 0 0-3.877-9.414-9.414-18.829-14.952-27.136-1.661-2.216-3.323-4.43-4.984-7.2-4.43-6.645-9.414-12.184-14.952-18.275-2.216-2.216-3.877-4.43-6.091-6.645-7.2-6.645-14.398-12.737-22.152-18.275-1.107-0.554-1.661-1.661-2.768-2.216-8.307-5.538-17.168-9.968-26.027-14.398-3.323-1.661-6.645-2.768-9.968-3.877-7.2-2.768-13.845-4.984-21.043-6.645-3.323-0.554-6.645-1.661-9.968-2.216-10.522-2.216-21.597-3.323-32.673-3.323s-21.597 1.107-32.673 3.323c-3.323 0.554-6.645 1.661-9.968 2.216-7.2 1.661-14.398 3.877-21.043 6.645-3.323 1.107-6.645 2.216-9.968 3.877-8.861 3.877-17.721 8.861-26.027 14.398-1.107 0.554-1.661 1.107-2.768 2.216-7.752 5.538-15.506 11.629-22.152 18.275-2.216 2.216-4.43 4.43-6.091 6.645-5.538 5.538-10.522 11.629-14.952 18.275-1.661 2.216-3.323 4.43-4.984 7.2-5.538 8.861-10.522 17.721-14.952 27.136 0 0 0 0 0 0s0 0 0 0.554h-27.689c-7.752 0-13.845-6.091-13.845-13.845zM290.487 858.113c-53.163 0-96.912-43.749-96.912-96.912 0-6.645 0.554-13.291 2.216-19.382 2.216-9.968 6.091-19.382 11.075-27.689 0.554-1.661 1.661-2.768 2.216-4.43 4.984-7.752 11.075-14.952 18.275-21.043 1.661-1.107 2.768-2.216 4.43-3.323 7.2-5.538 15.506-10.522 24.366-13.845 1.107 0 2.768-1.107 4.43-1.107 9.414-3.323 19.936-5.538 30.458-5.538s20.49 2.216 30.458 5.538c1.661 0 2.768 0.554 4.43 1.107 8.861 3.323 17.168 8.307 24.366 13.845 1.661 1.107 2.768 2.216 4.43 3.323 7.2 6.091 13.291 13.291 18.275 21.043 1.107 1.107 1.661 2.768 2.216 4.43 4.984 8.861 8.861 17.721 11.075 27.689 1.107 6.091 2.216 12.737 2.216 19.382 0 53.163-43.749 96.912-96.912 96.912zM733.513 858.113c-53.163 0-96.912-43.749-96.912-96.912 0-6.645 0.554-13.291 2.216-19.382 1.661-6.645 3.323-13.291 6.091-19.382 0 0 0-0.554 0-1.107 2.768-5.538 5.538-11.075 9.414-16.059 0.554-1.107 1.661-1.661 2.216-2.768 3.323-4.43 6.645-8.307 10.522-12.184 1.107-1.107 2.216-1.661 3.323-2.768 3.877-3.323 8.307-6.645 12.737-9.414 1.107-0.554 2.768-1.661 4.43-2.216 4.984-2.768 10.522-4.984 16.059-6.645 2.216-0.554 4.43-1.661 7.2-2.216 7.2-1.661 14.952-2.768 22.705-2.768 10.522 0 20.49 2.216 30.458 5.538 1.661 0 2.768 0.554 4.43 1.107 8.861 3.323 17.168 8.307 24.366 13.845 1.661 1.107 2.768 2.216 4.43 3.323 7.2 6.091 13.291 13.291 18.275 21.043 1.107 1.107 1.661 2.768 2.216 4.43 4.984 8.861 8.861 17.721 11.075 27.689 1.107 6.091 2.216 12.737 2.216 19.382 0 53.163-43.749 96.912-96.912 96.912zM705.823 470.466v-166.134h110.756c68.669 0 124.601 55.931 124.601 124.601v41.534h-235.356z"],"attrs":[{}],"grid":16,"tags":["truck"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":328,"id":256,"name":"truck","prevSize":80,"code":59904},"setIdx":0,"setId":1,"iconIdx":5},{"icon":{"paths":["M168.104 1023.75v0c-44.45 0-86.559-17.546-118.726-49.128-65.505-65.505-65.505-171.363 0-236.867l322.256-322.256c-29.242-113.462 2.34-235.698 85.389-318.747 83.634-83.634 206.454-116.387 320.502-85.389 15.206 4.094 26.904 15.791 30.997 30.997s0 30.997-11.113 42.11l-143.29 143.29 30.413 111.707 111.707 30.413 143.29-143.29c11.113-11.113 27.488-15.206 42.11-11.113 15.206 4.094 26.904 15.791 30.997 30.997 30.997 114.047-1.169 236.867-85.389 320.502-83.050 83.050-205.285 114.633-318.747 85.389l-322.256 322.256c-31.582 31.582-73.692 49.128-118.142 49.128zM668.742 89.148c-56.146 4.678-109.369 29.242-150.308 70.183-66.674 66.674-88.314 164.345-56.146 254.413 5.849 15.791 1.755 33.922-10.527 45.619l-340.973 340.973c-30.997 30.997-30.997 81.88 0 112.878 15.206 15.206 35.091 23.395 56.732 23.395v0c21.055 0 41.524-8.188 56.146-23.395l340.973-340.973c12.282-12.282 29.828-15.791 45.619-10.527 90.069 31.582 187.739 10.527 254.413-56.146 40.941-40.941 64.919-94.162 70.183-150.308l-95.332 95.332c-11.113 11.113-27.488 15.206-42.695 11.113l-160.252-43.864c-15.206-4.094-26.904-15.791-30.997-30.997l-43.864-160.252c-4.094-15.206 0-31.582 11.113-42.695l95.332-95.332z"],"attrs":[{}],"grid":16,"tags":["wrench"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":325,"id":255,"name":"wrench","prevSize":80,"code":59903},"setIdx":0,"setId":1,"iconIdx":6},{"icon":{"paths":["M495.693 730.292h32.612c77.849 0 140.443-64.699 140.443-144.651v-389.243c0-79.953-63.121-144.651-140.443-144.651h-32.612c-77.849 0-140.443 64.699-140.443 144.651v388.718c0 79.953 63.121 144.651 140.443 144.651zM434.151 196.397c0-36.294 27.877-65.751 61.542-65.751h32.612c34.19 0 61.542 29.456 61.542 65.751v388.718c0 36.294-27.877 65.751-61.542 65.751h-32.612c-34.19 0-61.542-29.456-61.542-65.751v-388.718zM814.452 374.712v222.5c0 147.807-116.773 267.736-263.003 275.101v99.941c0 21.566-17.885 39.45-39.45 39.45s-39.45-17.885-39.45-39.45v-99.941c-146.229-7.364-263.002-127.293-263.002-275.101v-222.5c0-21.566 17.885-39.45 39.45-39.45s39.45 17.885 39.45 39.45v222.5c0 108.883 88.896 197.779 198.304 197.779h51.023c109.409 0 198.304-88.896 198.304-197.779v-222.5c0-21.566 17.885-39.45 39.45-39.45s39.45 17.885 39.45 39.45z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["microphone"]},"attrs":[{}],"properties":{"order":323,"id":254,"name":"microphone","prevSize":80,"code":59898},"setIdx":0,"setId":1,"iconIdx":7},{"icon":{"paths":["M906.87 28.172h-85.757c-64.638 0-117.117 52.479-117.117 117.117v28.799l-607.985 130.557v-32.639c0-26.239-21.76-47.999-47.999-47.999s-47.999 21.76-47.999 47.999v447.99c0 26.239 21.76 47.999 47.999 47.999s47.999-21.76 47.999-47.999v-40.319l607.985 130.557v28.799c0 64.638 52.479 117.117 117.117 117.117h85.757c64.638 0 117.117-52.479 117.117-117.117v-693.744c0-64.638-52.479-117.117-117.117-117.117zM96.011 581.118v-178.556l607.985-130.557v439.669l-607.985-130.557zM927.989 839.033c0 11.52-9.6 21.119-21.119 21.119h-85.757c-11.52 0-21.119-9.6-21.119-21.119v-693.744c0-11.52 9.6-21.119 21.119-21.119h85.757c11.52 0 21.119 9.6 21.119 21.119v693.744zM574.079 872.311c-23.68 74.238-92.158 124.156-170.876 124.156-98.558 0-179.196-79.359-179.196-175.995 0-7.039 0-14.719 1.279-21.76 3.199-26.239 27.52-44.799 53.759-41.598s44.799 26.879 41.598 53.118c0 3.199 0 6.4 0 9.6 0 44.159 37.12 79.998 83.198 79.998 36.479 0 68.478-23.039 79.359-56.958 7.68-25.6 35.2-39.679 60.159-31.36 25.6 7.68 39.040 35.2 31.36 60.159z"],"attrs":[{}],"grid":16,"tags":["megaphone"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":322,"id":253,"name":"megaphone","prevSize":80,"code":59899},"setIdx":0,"setId":1,"iconIdx":8},{"icon":{"paths":["M1023.949 776.232c0 27.083-22.46 49.543-49.543 49.543h-805.246l80.59 80.59c19.156 19.156 19.156 50.864 0 70.022-9.909 9.909-22.46 14.533-35.010 14.533s-25.101-4.625-35.010-14.533l-165.145-165.145c-4.625-4.625-7.927-9.909-10.57-15.854-5.284-11.89-5.284-25.763 0-37.653 2.643-5.945 5.945-11.229 10.57-15.854l165.145-165.145c19.156-19.156 50.864-19.156 70.022 0s19.156 50.864 0 70.022l-80.59 80.59h805.246c27.083 0 49.543 22.46 49.543 49.543zM49.594 297.311h805.246l-80.59 80.59c-19.156 19.156-19.156 50.864 0 70.022 9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533l165.145-165.145c4.625-4.625 7.927-9.909 10.57-15.854 5.284-11.89 5.284-25.763 0-37.653-2.643-5.945-5.945-11.229-10.57-15.854l-165.145-165.145c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l80.59 80.59h-805.246c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-right-arrow-left"]},"attrs":[{}],"properties":{"order":321,"id":252,"name":"arrow-right-arrow-left","prevSize":80,"code":59900},"setIdx":0,"setId":1,"iconIdx":9},{"icon":{"paths":["M609.223 618.817c-17.27 69.72-134.322 31.981-172.7 22.386l30.702-123.449c38.378 9.594 159.908 28.143 141.997 101.061zM509.441 348.895l-28.143 111.935c31.981 7.676 129.844 40.297 145.835-23.027 15.991-65.882-85.71-81.233-117.692-88.909zM1008.351 635.449c-68.44 273.76-346.039 440.703-620.44 372.904-273.76-68.44-441.343-346.039-372.904-619.8 68.44-274.4 346.039-440.703 620.44-372.904 273.76 68.44 441.343 346.039 372.904 619.8zM343.778 597.71c-2.559 7.035-9.594 17.27-25.586 13.432-2.559 0-40.937-10.235-40.937-10.235l-28.143 63.963 72.918 17.91c14.072 3.838 26.864 7.035 40.297 10.873l-23.027 92.747 55.648 14.072 23.027-92.106c15.351 4.478 30.062 7.676 44.774 11.513l-23.027 91.466 56.288 14.072 23.027-92.747c95.944 17.91 168.222 10.873 198.285-76.115 24.305-69.72-1.279-110.017-51.81-136.241 36.459-8.316 63.963-32.621 71.639-82.512 10.235-67.801-41.575-104.899-112.574-128.565l23.027-92.747-56.288-14.072-22.386 89.547c-14.711-3.838-30.062-7.035-45.413-10.873l22.386-90.188-55.648-14.072-23.027 92.106c-12.153-2.559-24.305-5.757-35.819-8.316l-77.395-19.829-14.711 60.126s40.937 9.594 40.937 10.235c22.386 5.757 26.224 20.468 26.224 32.621l-63.323 252.653z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["bitcoin"]},"attrs":[{}],"properties":{"order":320,"id":251,"name":"bitcoin","prevSize":80,"code":59901},"setIdx":0,"setId":1,"iconIdx":10},{"icon":{"paths":["M290.603 885.606h-83.024c-38.191 0-69.186-30.995-69.186-69.186v-664.188c0-38.191 30.995-69.186 69.186-69.186h207.559v262.908c0 22.693 18.819 41.512 41.512 41.512h265.675c5.535 16.051 20.48 27.674 38.745 27.674 22.693 0 41.512-18.819 41.512-41.512v-27.674c0-5.535-1.107-11.069-3.321-16.051s-4.981-9.409-8.856-13.284l-304.42-304.42c-3.875-3.875-8.302-6.642-13.284-8.856s-10.517-3.321-16.051-3.321h-249.071c-84.13 0-152.209 68.079-152.209 152.209v664.188c0 84.13 68.079 152.209 152.209 152.209h83.024c22.693 0 41.512-18.819 41.512-41.512s-18.819-41.512-41.512-41.512zM498.162 141.715l162.726 162.726h-162.726v-162.726zM933.206 477.13c-21.032-21.032-52.029-33.763-84.13-34.316-33.209-1.66-64.758 11.069-85.791 32.655l-353.68 354.234c-7.196 7.196-11.069 16.051-12.177 26.014l-9.963 123.429c-1.107 12.177 3.321 24.353 12.177 32.655 7.748 7.748 18.265 12.177 29.335 12.177 1.107 0 2.214 0 3.875 0l124.535-11.623c9.409-1.107 18.819-4.981 25.461-12.177l353.68-354.234c44.279-43.726 42.618-122.875-3.321-168.814zM877.858 587.275l-343.164 343.717-60.331 5.535 4.427-58.67 343.164-343.717c5.535-5.535 15.498-7.748 25.461-8.302 11.069 0 21.032 3.875 27.121 9.963 13.284 12.73 14.944 39.851 3.321 51.475z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["file-edit"]},"attrs":[{}],"properties":{"order":319,"id":250,"name":"file-edit","prevSize":80,"code":59894},"setIdx":0,"setId":1,"iconIdx":11},{"icon":{"paths":["M1021.466 949.618l-177.541-496.402c-12.469-32.659-40.377-52.846-72.441-52.846s-59.379 20.189-73.035 54.035l-176.948 495.215c-8.313 23.158 3.563 48.691 26.72 57.003s48.691-3.563 57.003-26.72l36.814-102.724h258.296l36.814 102.724c6.531 18.408 23.752 29.689 42.158 29.689 4.75 0 10.094-0.594 14.845-2.376 23.158-8.313 35.033-33.846 26.72-57.003zM674.697 787.515l97.38-272.547 97.38 272.547h-194.761zM523.282 265.579c-134.195 211.981-255.327 340.238-402.585 425.743-7.125 4.157-14.845 5.938-21.97 5.938-15.438 0-30.283-7.72-38.595-21.97-12.469-21.376-5.344-48.691 16.032-60.566 124.694-72.441 226.826-176.354 341.425-348.55h-373.489c-24.345 0-44.534-20.189-44.534-44.534s20.189-44.534 44.534-44.534h222.669v-117.569c0-24.345 20.189-44.534 44.534-44.534s44.534 20.189 44.534 44.534v117.569h222.669c24.345 0 44.534 20.189 44.534 44.534s-20.189 44.534-44.534 44.534h-55.816zM525.657 697.26c-7.72 0-15.438-1.781-22.563-5.938-38.595-22.563-76.004-47.502-111.038-73.63-19.595-14.845-23.752-42.752-8.907-62.347s42.752-23.752 62.347-8.907c32.064 24.345 67.097 46.909 102.724 67.691 21.376 12.469 28.502 39.784 16.032 61.16-8.313 14.251-23.158 21.97-38.595 21.97z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["language"]},"attrs":[{}],"properties":{"order":318,"id":249,"name":"language","prevSize":80,"code":59895},"setIdx":0,"setId":1,"iconIdx":12},{"icon":{"paths":["M696.881 725.324c-23.323 0-42.665 19.342-42.665 42.665v85.33c0 39.252-31.856 71.108-71.108 71.108h-426.648c-39.252 0-71.108-31.856-71.108-71.108v-682.637c0-39.252 31.856-71.108 71.108-71.108h184.881v270.211c0 23.323 19.342 42.665 42.665 42.665h270.211v71.108c0 23.323 19.342 42.665 42.665 42.665s42.665-19.342 42.665-42.665v-113.772c0-11.377-4.55-22.186-12.515-30.149l-312.876-312.876c-7.964-7.964-18.773-12.515-30.149-12.515h-227.546c-86.467 0-156.437 69.97-156.437 156.437v682.637c0 86.467 69.97 156.437 156.437 156.437h426.648c86.467 0 156.437-69.97 156.437-156.437v-85.33c0-23.323-19.342-42.665-42.665-42.665zM426.67 159.872l167.246 167.246h-167.246v-167.246zM1020.565 642.27c-2.276 5.12-5.12 9.67-9.102 13.653l-170.659 170.659c-8.533 8.533-19.342 12.515-30.149 12.515s-21.616-3.982-30.149-12.515c-16.497-16.497-16.497-43.802 0-60.3l97.845-97.845h-494.343c-23.323 0-42.665-19.342-42.665-42.665s19.342-42.665 42.665-42.665h494.343l-97.845-97.845c-16.497-16.497-16.497-43.802 0-60.3s43.802-16.497 60.3 0l170.659 170.659c3.982 3.982 6.826 8.533 9.102 13.653 4.55 10.24 4.55 22.186 0 32.425z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["file-export"]},"attrs":[{}],"properties":{"order":317,"id":248,"name":"file-export","prevSize":80,"code":59896},"setIdx":0,"setId":1,"iconIdx":13},{"icon":{"paths":["M537.031 668.444h-494.364c-23.324 0-42.667-19.343-42.667-42.667s19.343-42.667 42.667-42.667h494.364l-97.849-97.849c-16.497-16.497-16.497-43.804 0-60.303s43.804-16.497 60.303 0l170.667 170.667c3.983 3.983 6.827 8.533 9.103 13.653 4.551 10.24 4.551 22.187 0 32.427-2.276 5.12-5.12 9.671-9.103 13.653l-170.667 170.667c-8.533 8.533-19.343 12.516-30.151 12.516s-21.617-3.983-30.151-12.516c-16.497-16.497-16.497-43.804 0-60.303l97.849-97.849zM1024 369.777v483.556c0 86.471-69.973 156.444-156.444 156.444h-426.667c-86.471 0-156.444-69.973-156.444-156.444v-56.889c0-23.324 19.343-42.667 42.667-42.667s42.667 19.343 42.667 42.667v56.889c0 39.253 31.857 71.111 71.111 71.111h426.667c39.253 0 71.111-31.857 71.111-71.111v-440.889h-270.223c-23.324 0-42.667-19.343-42.667-42.667v-270.223h-184.889c-39.253 0-71.111 31.857-71.111 71.111v284.444c0 23.324-19.343 42.667-42.667 42.667s-42.667-19.343-42.667-42.667v-284.444c0-86.471 69.973-156.444 156.444-156.444h227.556c11.377 0 22.187 4.551 30.151 12.516l312.889 312.889c7.964 7.964 12.516 18.773 12.516 30.151zM711.111 327.111h167.253l-167.253-167.253v167.253z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["file-import"]},"attrs":[{}],"properties":{"order":316,"id":247,"name":"file-import","prevSize":80,"code":59897},"setIdx":0,"setId":1,"iconIdx":14},{"icon":{"paths":["M894.076 334.712l-321.811-321.811c-8.191-8.191-19.309-12.873-31.010-12.873h-263.299c-88.936 0-160.905 71.968-160.905 160.905v702.132c0 88.936 71.968 160.905 160.905 160.905h468.087c88.936 0 160.905-71.968 160.905-160.905v-497.344c0-11.702-4.68-22.819-12.873-31.010zM585.138 149.817l172.022 172.022h-172.022v-172.022zM746.044 936.204h-468.087c-40.373 0-73.138-32.766-73.138-73.138v-702.132c0-40.373 32.766-73.138 73.138-73.138h219.416v277.928c0 23.989 19.894 43.883 43.883 43.883h277.928v453.46c0 40.373-32.766 73.138-73.138 73.138zM758.916 554.128l-87.766 292.554c-5.266 17.553-21.65 30.426-40.373 31.010-0.586 0-1.17 0-1.755 0-18.139 0-33.937-11.118-40.958-27.5l-76.065-190.745-76.065 190.745c-7.021 17.553-23.989 28.671-42.713 27.5-18.723-0.586-34.521-13.457-40.373-31.010l-87.766-292.554c-7.021-23.405 6.436-47.979 29.255-54.415 23.405-7.021 47.394 6.436 54.415 29.255l51.49 172.022 70.213-176.118c13.457-33.351 68.458-33.351 81.331 0l70.213 176.118 51.49-172.022c7.021-23.405 31.596-36.276 54.415-29.255 23.405 7.021 36.276 31.596 29.255 54.415z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["file-word"]},"attrs":[{}],"properties":{"order":311,"id":246,"name":"file-word","prevSize":80,"code":59889},"setIdx":0,"setId":1,"iconIdx":15},{"icon":{"paths":["M950.832 263.329h-81.915c23.405-28.085 38.032-63.192 38.032-102.395 0-88.936-71.968-160.905-160.905-160.905-98.298 0-184.895 52.074-234.044 129.309-49.149-77.234-135.746-129.309-234.044-129.309-88.936 0-160.905 71.968-160.905 160.905 0 39.203 14.628 74.309 38.032 102.395h-81.915c-40.373 0-73.138 32.766-73.138 73.138v146.278c0 35.107 25.16 63.192 58.511 70.213v397.874c0 40.373 32.766 73.138 73.138 73.138h760.643c40.373 0 73.138-32.766 73.138-73.138v-397.874c33.351-7.021 58.511-35.107 58.511-70.213v-146.278c0-40.373-32.766-73.138-73.138-73.138zM936.204 468.117h-380.321v-117.021h380.321v117.021zM746.044 87.796c40.373 0 73.138 32.766 73.138 73.138s-32.766 73.138-73.138 73.138h-184.895c19.894-83.67 95.373-146.278 184.895-146.278zM277.956 87.796c89.522 0 165.001 62.606 184.895 146.278h-184.895c-40.373 0-73.138-32.766-73.138-73.138s32.766-73.138 73.138-73.138zM87.796 351.095h380.321v117.021h-380.321v-117.021zM146.306 555.883h321.811v380.321h-321.811v-380.321zM877.694 936.204h-321.811v-380.321h321.811v380.321z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["gift"]},"attrs":[{}],"properties":{"order":312,"id":245,"name":"gift","prevSize":80,"code":59890},"setIdx":0,"setId":1,"iconIdx":16},{"icon":{"paths":["M417.791 482.743c0-23.991 19.896-43.886 43.886-43.886h73.143v-73.143c0-23.991 19.896-43.886 43.886-43.886s43.886 19.896 43.886 43.886v73.143h73.143c23.991 0 43.886 19.896 43.886 43.886s-19.896 43.886-43.886 43.886h-73.143v73.143c0 23.991-19.896 43.886-43.886 43.886s-43.886-19.896-43.886-43.886v-73.143h-73.143c-23.991 0-43.886-19.896-43.886-43.886zM468.114 906.976c0 48.567-39.205 87.772-87.772 87.772s-87.772-39.205-87.772-87.772 39.205-87.772 87.772-87.772 87.772 39.205 87.772 87.772zM848.461 906.976c0 48.567-39.205 87.772-87.772 87.772s-87.772-39.205-87.772-87.772 39.205-87.772 87.772-87.772 87.772 39.205 87.772 87.772zM1022.836 259.215l-117.029 468.119c-4.681 19.31-22.235 33.354-42.716 33.354h-585.15c-21.065 0-39.205-15.213-43.301-36.279l-110.593-607.385h-80.165c-23.991 0-43.886-19.896-43.886-43.886s19.896-43.886 43.886-43.886h117.029c21.065 0 39.205 15.213 43.301 36.279l25.162 139.266h750.746c13.458 0 26.332 6.436 34.523 16.969s11.118 24.576 8.192 37.45zM923.945 292.569h-678.773l69.048 380.347h514.346l94.794-380.347z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["cart-plus"]},"attrs":[{}],"properties":{"order":313,"id":244,"name":"cart-plus","prevSize":80,"code":59891},"setIdx":0,"setId":1,"iconIdx":17},{"icon":{"paths":["M1023.898 103.121v369.207c0 56.948-46.711 103.659-103.659 103.659h-103.019v-575.886h103.019c57.589 0 103.659 46.071 103.659 103.019zM85.844 79.445l-84.463 479.905c-10.238 58.868 34.553 112.617 94.702 112.617h305.86v223.955c0 70.386 57.589 127.974 127.335 127.974h5.759c25.595 0 48.631-15.357 58.868-39.033l174.685-408.879v-575.886s-588.683 0-588.683 0c-46.711 0-86.383 33.274-94.702 79.345z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["thumbs-down-fill"]},"attrs":[{}],"properties":{"order":314,"id":243,"name":"thumbs-down-fill","prevSize":80,"code":59892},"setIdx":0,"setId":1,"iconIdx":18},{"icon":{"paths":["M207.428 448.014v575.872h-103.017c-57.587 0-103.657-46.070-103.657-103.017v-369.198c0-56.947 46.71-103.657 103.657-103.657h103.017zM927.907 352.035h-305.852v-223.95c0-70.384-57.587-127.971-127.332-127.971h-5.759c-25.595 0-48.63 15.357-58.866 39.032l-174.681 408.869v575.872s588.668 0 588.668 0c46.71 0 86.381-33.273 94.699-79.343l84.461-479.893c10.238-58.866-34.552-112.614-94.699-112.614z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["thumbs-up-fill"]},"attrs":[{}],"properties":{"order":315,"id":242,"name":"thumbs-up-fill","prevSize":80,"code":59893},"setIdx":0,"setId":1,"iconIdx":19},{"icon":{"paths":["M1020.467 528.967c-2.341 5.266-5.266 9.946-9.362 14.042l-146.281 146.281c-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873c-16.967-16.967-16.967-45.053 0-62.024l71.384-71.384h-318.304v318.304l71.384-71.384c16.967-16.967 45.053-16.967 62.024 0s16.967 45.053 0 62.024l-146.281 146.281c-4.096 4.096-8.774 7.021-14.042 9.362s-11.117 3.513-16.967 3.513-11.701-1.17-16.967-3.513c-5.266-2.341-9.946-5.266-14.042-9.362l-146.281-146.281c-16.967-16.967-16.967-45.053 0-62.024s45.053-16.967 62.024 0l71.384 71.384v-318.304h-318.304l71.384 71.384c16.967 16.967 16.967 45.053 0 62.024-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873l-146.281-146.281c-4.096-4.096-7.021-8.774-9.362-14.042-4.681-10.532-4.681-22.82 0-33.35 2.341-5.266 5.266-9.946 9.362-14.042l146.281-146.281c16.967-16.967 45.053-16.967 62.024 0s16.967 45.053 0 62.024l-71.384 71.384h318.304v-318.889l-71.384 71.384c-16.967 16.967-45.053 16.967-62.024 0s-16.967-45.053 0-62.024l146.281-146.281c4.096-4.096 8.774-7.021 14.042-9.362 10.532-4.681 22.82-4.681 33.35 0 5.266 2.341 9.946 5.266 14.042 9.362l146.281 146.281c16.967 16.967 16.967 45.053 0 62.024-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873l-71.384-71.384v318.304h318.304l-71.384-71.384c-16.967-16.967-16.967-45.053 0-62.024s45.053-16.967 62.024 0l146.281 146.281c4.096 4.096 7.021 8.774 9.362 14.042 4.681 10.532 4.681 22.82 0 33.35z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrows-alt"]},"attrs":[{}],"properties":{"order":310,"id":241,"name":"arrows-alt","prevSize":80,"code":59888},"setIdx":0,"setId":1,"iconIdx":20},{"icon":{"paths":["M695.789 315.083h-367.579c-14.704 0-26.255-11.553-26.255-26.255v-78.767c0-14.704 11.553-26.255 26.255-26.255h367.579c14.704 0 26.255 11.553 26.255 26.255v78.767c0 14.704-11.553 26.255-26.255 26.255zM722.045 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM406.978 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM722.045 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM406.978 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM722.045 813.939v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 813.939v-52.512c0-14.704-11.553-26.255-26.255-26.255h-210.045c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h210.045c14.704 0 26.255-11.553 26.255-26.255zM892.706 905.834v-787.668c0-65.114-53.036-118.15-118.15-118.15h-525.113c-65.114 0-118.15 53.036-118.15 118.15v787.668c0 65.114 53.036 118.15 118.15 118.15h525.113c65.114 0 118.15-53.036 118.15-118.15zM774.556 78.782c21.529 0 39.383 17.854 39.383 39.383v787.668c0 21.529-17.854 39.383-39.383 39.383h-525.113c-21.529 0-39.383-17.854-39.383-39.383v-787.668c0-21.529 17.854-39.383 39.383-39.383h525.113z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["calculator"]},"attrs":[{}],"properties":{"order":308,"id":240,"name":"calculator","prevSize":80,"code":59887},"setIdx":0,"setId":1,"iconIdx":21},{"icon":{"paths":["M117.634 249.75l80.59-80.59v375.869c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-375.869l80.59 80.59c9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533c19.156-19.156 19.156-50.864 0-70.022l-165.145-165.145c-4.625-4.625-9.909-7.927-15.854-10.57-11.89-5.284-25.763-5.284-37.653 0-5.945 2.643-11.229 5.945-15.854 10.57l-165.145 165.145c-19.156 19.156-19.156 50.864 0 70.022s50.864 19.156 70.022 0z","M906.366 774.25l-80.59 80.59v-375.869c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v375.869l-80.59-80.59c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l165.145 165.145c4.625 4.625 9.909 7.927 15.854 10.57s12.552 3.963 19.156 3.963 13.211-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.854-10.57l165.145-165.145c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0z","M976.388 117.634c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0l-80.59 80.59v-78.608c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v177.695l-679.075 679.075c-19.156 19.156-19.156 50.864 0 70.022 9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533l80.59-80.59v78.608c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-177.695l679.075-679.075z"],"attrs":[{},{},{}],"grid":16,"tags":["sort-alt-slash"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":306,"id":239,"name":"sort-alt-slash","prevSize":80,"code":59886},"setIdx":0,"setId":1,"iconIdx":22},{"icon":{"paths":["M1020.451 495.033c-2.348-5.441-5.502-10.097-9.37-14.051l-234.032-234.032c-8.033-8.604-19.443-13.967-32.105-13.967-24.235 0-43.882 19.647-43.882 43.882 0 12.663 5.363 24.072 13.941 32.081l0.026 0.023 159.147 159.147h-724.353l159.147-159.147c7.297-7.815 11.777-18.343 11.777-29.915 0-24.235-19.647-43.882-43.882-43.882-11.574 0-22.1 4.48-29.942 11.802l0.026-0.023-234.040 234.040c-3.859 3.945-7.014 8.601-9.247 13.748l-0.114 0.295c-2.222 5-3.515 10.833-3.515 16.967s1.293 11.968 3.623 17.242l-0.108-0.273c2.348 5.441 5.502 10.097 9.37 14.051l234.032 234.032c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0c7.929-7.939 12.834-18.902 12.834-31.010s-4.904-23.071-12.834-31.011v0l-159.147-159.147h724.353l-159.147 159.147c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0l234.040-234.040c3.859-3.945 7.014-8.601 9.247-13.748l0.114-0.295c2.222-5 3.515-10.833 3.515-16.967s-1.293-11.968-3.623-17.242l0.108 0.273z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrows-h"]},"attrs":[{}],"properties":{"order":305,"id":238,"name":"arrows-h","prevSize":80,"code":59884},"setIdx":0,"setId":1,"iconIdx":23},{"icon":{"paths":["M528.967 1020.451c5.441-2.348 10.097-5.502 14.051-9.37l234.032-234.032c7.297-7.815 11.777-18.343 11.777-29.915 0-24.235-19.647-43.882-43.882-43.882-11.574 0-22.1 4.48-29.942 11.802l0.026-0.023-159.147 159.147v-724.353l159.147 159.147c7.815 7.297 18.343 11.777 29.915 11.777 24.235 0 43.882-19.647 43.882-43.882 0-11.574-4.48-22.1-11.802-29.942l0.023 0.026-234.040-234.040c-3.945-3.859-8.601-7.014-13.748-9.247l-0.295-0.114c-5-2.222-10.833-3.515-16.967-3.515s-11.968 1.293-17.242 3.623l0.273-0.108c-5.441 2.348-10.097 5.502-14.051 9.37l-234.032 234.032c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0l159.147-159.147v724.353l-159.147-159.147c-7.939-7.929-18.902-12.834-31.010-12.834s-23.071 4.904-31.011 12.834v0c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0l234.040 234.040c3.945 3.859 8.601 7.014 13.748 9.247l0.295 0.114c5 2.222 10.833 3.515 16.967 3.515s11.968-1.293 17.242-3.623l-0.273 0.108z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrows-v"]},"attrs":[{}],"properties":{"order":304,"id":237,"name":"arrows-v","prevSize":80,"code":59885},"setIdx":0,"setId":1,"iconIdx":24},{"icon":{"paths":["M836.060 936.086h-552.19l116.989-164.955c5.016-7 8.065-15.709 8.189-25.123v-190.138h190.108c24.229 0 43.871-19.642 43.871-43.871s-19.642-43.871-43.871-43.871v0h-191.863v-190.108c-0.156-2.816-0.245-6.11-0.245-9.427 0-99.824 80.924-180.749 180.749-180.749 1.732 0 3.459 0.025 5.178 0.073l-0.254-0.005c3.537-0.243 7.666-0.381 11.827-0.381 101.439 0 183.673 82.233 183.673 183.673 0 5.695-0.259 11.328-0.766 16.89l0.052-0.716v58.495c0 24.229 19.642 43.871 43.871 43.871s43.871-19.642 43.871-43.871v0-58.495c0.352-5.164 0.553-11.193 0.553-17.269 0-149.252-120.994-270.246-270.246-270.246-4.515 0-9.003 0.111-13.464 0.329l0.628-0.025c-1.804-0.044-3.929-0.069-6.060-0.069-147.637 0-267.321 119.684-267.321 267.321 0 3.728 0.077 7.436 0.228 11.127l-0.018-0.528v190.108h-131.613c-24.229 0-43.871 19.642-43.871 43.871s19.642 43.871 43.871 43.871v0h131.613v175.484l-155.595 223.45c-3.958 6.515-6.3 14.39-6.3 22.813s2.343 16.298 6.411 23.010l-0.111-0.197c7.358 14.007 21.805 23.398 38.447 23.398 0.056 0 0.112 0 0.169 0h633.489c24.229 0 43.871-19.642 43.871-43.871s-19.642-43.871-43.871-43.871v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["pound"]},"attrs":[{}],"properties":{"order":303,"id":236,"name":"pound","prevSize":80,"code":59883},"setIdx":0,"setId":1,"iconIdx":25},{"icon":{"paths":["M727.036 469.12l-70.398-16 55.038 78.078v242.556l187.516-156.157v-265.595l-86.398 30.719-85.758 86.398z","M289.285 469.12l-86.398-86.398-85.758-30.719v265.595l187.516 156.157v-242.556l55.038-78.078-70.398 16z","M586.238 476.8h-156.157l-39.040-23.68-62.718 94.078v351.993l46.72 69.759 55.038 55.038h156.157l55.038-55.038 46.72-69.759v-351.993l-62.718-94.078-39.040 23.68z","M711.676 922.231l101.117-101.758v-101.117l-101.117 85.758v117.118z","M202.886 820.473l101.758 101.758v-117.118l-101.758-85.758v101.117z","M453.122 445.442h39.679v-445.431h-86.398l-62.079 147.837-282.234-23.040 47.359 195.836 335.993 124.797h7.68z","M671.997 147.848l-62.079-147.837h-86.398v447.991h52.479l335.993-127.997 47.999-191.996z","M852.474 109.449l-110.078-109.438h-109.438l55.038 124.797 164.476-15.36z","M382.722 0.011h-109.438l-109.438 109.438 164.476 15.36 54.399-124.797z"],"attrs":[{},{},{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["prime"]},"attrs":[{},{},{},{},{},{},{},{},{}],"properties":{"order":307,"id":235,"name":"prime","prevSize":80,"code":59882},"setIdx":0,"setId":1,"iconIdx":26},{"icon":{"paths":["M589.605 64.373v-18.004c-0.345-25.576-20.987-46.218-46.53-46.563h-0.033c-300.373 1.794-543.179 245.708-543.179 546.331 0 98.823 26.237 191.517 72.126 271.496l-1.409-2.663c8.24 13.842 23.126 22.972 40.145 22.972 0.074 0 0.148 0 0.221 0h-0.012c8.464-0.017 16.386-2.321 23.186-6.325l-0.215 0.116 18.004-9.313c88.223 122.529 230.468 201.375 391.129 201.375 265.391 0 480.531-215.14 480.531-480.531 0-248.992-189.376-453.753-431.953-478.105l-2.014-0.163zM496.478 95.416v420.93l-365.676 209.844c-24.009-53.406-37.995-115.765-37.995-181.391 0-232.603 175.709-424.166 401.636-449.201l2.036-0.183zM543.042 931.068c-126.56-0.365-238.867-61.070-309.71-154.848l-0.712-0.982 333.392-191.84c14.165-7.849 23.596-22.711 23.596-39.775 0-0.204-0.001-0.407-0.004-0.611v0.031-384.921c192.214 25.131 339.099 187.876 339.099 384.928 0 213.47-172.379 386.677-385.534 388.018h-0.128z"],"attrs":[{}],"grid":16,"tags":["chart-pie"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":301,"id":234,"name":"chart-pie","prevSize":80,"code":59881},"setIdx":0,"setId":1,"iconIdx":27},{"icon":{"paths":["M399.361 614.401c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2c28.276 0 51.199 22.923 51.199 51.2v0c0 28.276-22.923 51.2-51.199 51.2v0zM1023.999 512c0 282.77-229.23 512-512 512s-512-229.23-512-512c0-282.77 229.23-512 512-512v0c282.769 0 512 229.23 512 512v0zM750.721 426.88c-18.359 1.113-34.69 8.976-46.715 21.114l-0.006 0.006c-49.923-33.418-111.167-53.62-177.080-54.397l-0.199-0.001 35.84-161.921 114.56 25.601c-0.003 0.191-0.005 0.416-0.005 0.641 0 27.924 22.636 50.56 50.56 50.56 0.002 0 0.003 0 0.005 0v0c28.355-0.361 51.2-23.43 51.2-51.836 0-0.001 0-0.003 0-0.004v0c0.016-0.492 0.027-1.071 0.027-1.653 0-27.924-22.637-50.56-50.561-50.56-20.408 0-37.99 12.090-45.978 29.498l-0.129 0.315-128-28.16c-0.688-0.138-1.481-0.217-2.292-0.217-5.656 0-10.412 3.862-11.77 9.093l-0.018 0.084-39.679 178.56c-66.101 0.974-127.301 21.143-178.501 55.164l1.221-0.764c-12.464-12.858-29.895-20.838-49.191-20.838-37.821 0-68.48 30.66-68.48 68.48 0 26.584 15.148 49.632 37.286 60.978l0.386 0.18c-0.468 4.795-0.733 10.366-0.733 16.001s0.267 11.205 0.787 16.701l-0.054-0.702c0 108.16 122.239 196.48 272.64 196.48s272.64-88.32 272.64-196.48c0-0.084 0-0.183 0-0.282 0-11.484-1.399-22.639-4.039-33.308l0.2 0.95c20.889-11.994 34.732-34.174 34.732-59.588 0-36.756-28.957-66.749-65.302-68.408l-0.15-0.006zM608.64 666.88c-27.226 17.349-60.409 27.649-96 27.649s-68.773-10.302-96.732-28.086l0.732 0.435c-2.268-2.080-5.305-3.355-8.64-3.355s-6.372 1.275-8.649 3.365l0.009-0.009c-2.426 2.23-3.939 5.418-3.939 8.959s1.514 6.729 3.93 8.952l0.009 0.008c31.918 21.918 71.391 35.004 113.921 35.004s82.002-13.086 114.611-35.451l-0.692 0.447c2.426-2.231 3.939-5.418 3.939-8.959s-1.514-6.729-3.93-8.952l-0.009-0.007c-2.337-2.457-5.63-3.984-9.28-3.984s-6.943 1.527-9.274 3.978l-0.005 0.006zM624.639 512c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2c28.276 0 51.199-22.923 51.199-51.2v0c0-28.277-22.923-51.2-51.199-51.2v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["reddit"]},"attrs":[{}],"properties":{"order":299,"id":233,"name":"reddit","prevSize":80,"code":59880},"setIdx":0,"setId":1,"iconIdx":28},{"icon":{"paths":["M367.461 188.397c-7.939-7.93-18.905-12.836-31.014-12.836s-23.074 4.905-31.015 12.836v0l-292.589 292.589c-7.93 7.939-12.836 18.905-12.836 31.014s4.905 23.074 12.836 31.015v0l292.589 292.589c7.939 7.93 18.905 12.836 31.014 12.836s23.074-4.905 31.015-12.836v0c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0l-261.574-261.574 261.574-261.574c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0z","M1011.156 480.986l-292.589-292.589c-7.817-7.298-18.345-11.779-29.92-11.779-24.239 0-43.889 19.649-43.889 43.889 0 11.575 4.481 22.104 11.803 29.946l-0.023-0.027 261.574 261.574-261.574 261.574c-7.93 7.939-12.836 18.905-12.836 31.014s4.905 23.074 12.836 31.015v0c7.939 7.93 18.905 12.836 31.014 12.836s23.074-4.905 31.015-12.836v0l292.589-292.589c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["code"]},"attrs":[{},{}],"properties":{"order":298,"id":232,"name":"code","prevSize":80,"code":59879},"setIdx":0,"setId":1,"iconIdx":29},{"icon":{"paths":["M936.767 0.034c-27.214 0.367-49.178 22.331-49.545 49.509v160.562l-55.49-55.49c-86.69-87.405-206.835-141.515-339.617-141.515-209.345 0-387.277 134.501-452.092 321.801l-1.011 3.36c-2.53 5.71-4.002 12.369-4.002 19.374 0 21.825 14.301 40.308 34.044 46.591l0.347 0.094c2.483 0.454 5.34 0.712 8.257 0.712s5.775-0.259 8.55-0.756l-0.293 0.043c21.606-0.226 39.922-14.066 46.794-33.339l0.108-0.351c19.528-56.988 50.528-105.653 90.48-145.309l0.022-0.022c68.806-68.546 163.72-110.925 268.534-110.925s199.729 42.378 268.547 110.936l55.478 55.478h-159.205c-27.363 0-49.545 22.182-49.545 49.545s22.182 49.545 49.545 49.545v0h280.095c0.198 0.003 0.432 0.005 0.666 0.005 26.997 0 48.884-21.887 48.884-48.884 0-0.234-0.002-0.468-0.005-0.7v0.036-280.755c0-27.363-22.182-49.545-49.545-49.545v0z","M953.281 622.981c-5.442-2.202-11.755-3.479-18.366-3.479-22.122 0-40.903 14.308-47.591 34.174l-0.104 0.355c-19.528 56.988-50.528 105.653-90.48 145.309l-0.022 0.022c-68.806 68.546-163.72 110.925-268.534 110.925s-199.729-42.378-268.547-110.936l-55.478-55.478h163.169c27.363 0 49.545-22.182 49.545-49.545s-22.182-49.545-49.545-49.545v0h-280.095c-0.198-0.003-0.432-0.005-0.666-0.005-26.997 0-48.884 21.887-48.884 48.884 0 0.234 0.002 0.468 0.005 0.7v-0.036 280.095c0 27.363 22.182 49.545 49.545 49.545s49.545-22.182 49.545-49.545v0-160.526l55.49 55.49c86.69 87.405 206.835 141.515 339.617 141.515 209.345 0 387.277-134.501 452.092-321.801l1.011-3.36c1.72-4.786 2.714-10.307 2.714-16.060 0-21.835-14.317-40.328-34.076-46.602l-0.347-0.094z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["sync"]},"attrs":[{},{}],"properties":{"order":297,"id":231,"name":"sync","prevSize":80,"code":59878},"setIdx":0,"setId":1,"iconIdx":30},{"icon":{"paths":["M950.857 292.571h-175.543v-29.257c0-145.425-117.889-263.314-263.314-263.314s-263.314 117.889-263.314 263.314v0 29.257h-175.543c-40.395 0-73.142 32.747-73.142 73.142v0 497.372c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-497.372c0-40.395-32.747-73.142-73.142-73.142v0zM336.457 263.315c0-96.949 78.594-175.543 175.543-175.543s175.543 78.594 175.543 175.543v0 29.257h-351.086zM936.228 863.086c0 40.395-32.747 73.142-73.142 73.142v0h-702.171c-40.395 0-73.142-32.747-73.142-73.142v0-482.743h160.914v131.657c0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886v0-131.657h351.086v131.657c0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886v0-131.657h160.914z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["shopping-bag"]},"attrs":[{}],"properties":{"order":296,"id":230,"name":"shopping-bag","prevSize":80,"code":59877},"setIdx":0,"setId":1,"iconIdx":31},{"icon":{"paths":["M1023.969 301.19v-180.695c0-33.265-26.967-60.232-60.232-60.232v0h-903.474c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0h903.474c33.265 0 60.232-26.967 60.232-60.232v0-180.695c0-33.265-26.967-60.232-60.232-60.232v0c33.265 0 60.232-26.967 60.232-60.232v0-180.695c0-33.265-26.967-60.232-60.232-60.232v0c33.265 0 60.232-26.967 60.232-60.232v0zM963.737 903.505h-903.474v-180.695h903.474zM963.737 602.347h-903.474v-180.695h903.474zM963.737 301.19h-903.474v-180.695h903.474z","M210.842 210.842c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z","M361.421 210.842c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z","M210.842 512c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z","M361.421 512c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z","M210.842 813.158c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z","M361.421 813.158c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z"],"attrs":[{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["server"]},"attrs":[{},{},{},{},{},{},{}],"properties":{"order":295,"id":229,"name":"server","prevSize":80,"code":59876},"setIdx":0,"setId":1,"iconIdx":32},{"icon":{"paths":["M926.005 99.103c-121.161-57.959-262.777-93.948-412.236-99.026l-1.769-0.048c-151.228 5.125-292.843 41.116-420.425 101.823l6.42-2.75c-32.977 15.76-55.351 48.848-55.351 87.164 0 0.296 0.001 0.59 0.004 0.885v-0.045 649.789c-0.003 0.249-0.004 0.545-0.004 0.839 0 38.315 22.376 71.404 54.773 86.914l0.58 0.25c121.161 57.959 262.777 93.948 412.236 99.026l1.769 0.048c151.228-5.125 292.843-41.116 420.425-101.823l-6.42 2.75c32.977-15.76 55.351-48.848 55.351-87.164 0-0.296-0.001-0.59-0.004-0.885v0.045-649.789c0.003-0.249 0.004-0.545 0.004-0.839 0-38.315-22.376-71.404-54.773-86.914l-0.58-0.25zM899.438 541.888c-113.2 55.308-245.67 89.857-385.631 95.145l-1.807 0.054c-141.767-5.341-274.238-39.89-393.276-97.76l5.838 2.561v-213.644c113.851 51.38 246.465 82.977 386.006 86.865l1.431 0.031c140.973-3.92 273.587-35.517 393.967-89.515l-6.53 2.618zM132.864 174.375c110.92-53.263 240.582-86.42 377.448-91.277l1.688-0.048c138.75 5.006 268.584 38.151 385.604 93.859l-5.915-2.535c4.63 2.445 7.734 7.224 7.748 12.728v48.156c-113.2 55.308-245.67 89.857-385.631 95.145l-1.807 0.054c-141.767-5.341-274.238-39.89-393.276-97.76l5.838 2.561v-49.813c0.619-4.997 3.823-9.121 8.213-11.035l0.090-0.035zM891.136 849.625c-110.92 53.263-240.582 86.42-377.448 91.277l-1.688 0.048c-138.75-5.006-268.584-38.151-385.604-93.859l5.915 2.535c-4.63-2.445-7.734-7.224-7.748-12.728v-204.238c113.851 51.38 246.465 82.977 386.006 86.865l1.431 0.031c140.973-3.92 273.587-35.517 393.967-89.515l-6.53 2.618v204.235c0 0.014 0 0.031 0 0.048 0 5.64-3.374 10.492-8.214 12.647l-0.088 0.035z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["database"]},"attrs":[{}],"properties":{"order":294,"id":228,"name":"database","prevSize":80,"code":59875},"setIdx":0,"setId":1,"iconIdx":33},{"icon":{"paths":["M984.598 262.573h-157.533l40.433-161.209c0.73-2.838 1.148-6.096 1.148-9.452 0-21.805-17.677-39.482-39.482-39.482-18.449 0-33.942 12.654-38.274 29.756l-0.059 0.273-45.159 180.113h-338.696l40.433-161.209c0.73-2.838 1.148-6.096 1.148-9.452 0-21.805-17.677-39.482-39.482-39.482-18.449 0-33.942 12.654-38.274 29.756l-0.059 0.273-47.26 180.113h-179.062c-21.751 0-39.383 17.633-39.383 39.383s17.633 39.383 39.383 39.383v0h157.533l-85.593 341.321h-176.962c-21.751 0-39.383 17.633-39.383 39.383s17.633 39.383 39.383 39.383v0h157.533l-40.433 161.209c-0.73 2.838-1.148 6.096-1.148 9.452 0 21.805 17.677 39.482 39.482 39.482 18.449 0 33.942-12.654 38.274-29.756l0.059-0.273 45.159-180.113h338.696l-40.433 161.209c-0.73 2.838-1.148 6.096-1.148 9.452 0 21.805 17.677 39.482 39.482 39.482 18.449 0 33.942-12.654 38.274-29.756l0.059-0.273 45.159-180.113h181.163c21.751 0 39.383-17.633 39.383-39.383s-17.633-39.383-39.383-39.383v0h-157.533l85.593-341.321h176.962c21.751 0 39.383-17.633 39.383-39.383s-17.633-39.383-39.383-39.383v0zM722.044 341.339l-85.593 341.321h-334.495l85.593-341.321z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["hashtag"]},"attrs":[{}],"properties":{"order":293,"id":227,"name":"hashtag","prevSize":80,"code":59874},"setIdx":0,"setId":1,"iconIdx":34},{"icon":{"paths":["M731.351 0.181h-438.702c-88.839 0-160.857 72.018-160.857 160.857v0 818.91c-0.001 0.096-0.001 0.21-0.001 0.324 0 24.229 19.642 43.87 43.87 43.87 9.418 0 18.143-2.968 25.291-8.020l-0.137 0.092 311.186-217.011 311.186 217.011c6.914 4.763 15.47 7.606 24.689 7.606 0.163 0 0.325-0.001 0.488-0.003h-0.025c7.45-0.092 14.477-1.807 20.773-4.808l-0.3 0.129c13.96-7.76 23.279-22.374 23.398-39.173v-818.927c0-88.839-72.018-160.857-160.857-160.857v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["bookmark-fill"]},"attrs":[{}],"properties":{"order":290,"id":226,"name":"bookmark-fill","prevSize":80,"code":59871},"setIdx":0,"setId":1,"iconIdx":35},{"icon":{"paths":["M1004.095 24.725c-7.747-14.706-22.885-24.586-40.34-24.695h-903.493c-17.471 0.11-32.608 9.989-40.236 24.445l-0.12 0.25c-3.089 5.86-4.901 12.805-4.901 20.173 0 10.136 3.43 19.471 9.191 26.908l-0.075-0.1 322.241 440.294v466.797c0.335 24.813 20.361 44.839 45.141 45.174h240.96c24.813-0.335 44.839-20.361 45.174-45.141v-466.83l322.241-440.294c5.688-7.337 9.117-16.671 9.117-26.808 0-7.369-1.813-14.314-5.016-20.414l0.116 0.241z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["filter-fill"]},"attrs":[{}],"properties":{"order":289,"id":225,"name":"filter-fill","prevSize":80,"code":59872},"setIdx":0,"setId":1,"iconIdx":36},{"icon":{"paths":["M940.27 142.985v0c-52.342-52.898-124.95-85.655-205.208-85.655-0.25 0-0.502 0-0.752 0.001h0.039c-0.212 0-0.462-0.001-0.714-0.001-80.258 0-152.867 32.757-205.183 85.63l-0.025 0.025-16.427 17.013-16.427-16.427c-52.551-52.546-125.148-85.046-205.334-85.046s-152.783 32.5-205.336 85.047v0c-51.85 52.868-83.852 125.364-83.852 205.334s32.002 152.468 83.898 205.382l-0.045-0.047 397.176 398.35c7.96 7.95 18.953 12.869 31.093 12.869s23.133-4.917 31.094-12.869v0l397.176-398.35c51.673-52.835 83.555-125.21 83.555-205.032 0-80.411-32.354-153.263-84.754-206.251l0.026 0.026z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["heart-fill"]},"attrs":[{}],"properties":{"order":288,"id":224,"name":"heart-fill","prevSize":80,"code":59873},"setIdx":0,"setId":1,"iconIdx":37},{"icon":{"paths":["M944.92 71.496c-6.851-4.781-15.351-7.639-24.52-7.639-5.664 0-11.074 1.091-16.029 3.074l0.291-0.103c-63.404 28.272-136.947 48.827-213.986 57.993l-3.642 0.353c-50.961-13.852-95.595-33.813-136.214-59.541l2.021 1.195c-50.241-31.546-108.991-55.111-171.832-67.168l-3.203-0.511c-75.265-7.001-254.385 51.927-291.724 64.179-17.436 6.017-29.741 22.283-29.756 41.423v874.010c0 24.167 19.592 43.759 43.759 43.759s43.759-19.592 43.759-43.759v0-341.902c65.742-24.141 142.134-41.68 221.425-49.3l3.786-0.294c53.070 13.251 99.74 33.289 142.139 59.564l-2.111-1.218c47.311 29.399 102.324 52.182 160.994 65.266l3.539 0.663h13.419c91.412-12.072 174.279-35.196 251.871-68.295l-6.238 2.366c16.429-6.638 27.841-22.387 28.006-40.821v-497.12c0.056-0.823 0.088-1.785 0.088-2.753 0-13.438-6.14-25.443-15.767-33.361l-0.075-0.060z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["flag-fill"]},"attrs":[{}],"properties":{"order":287,"id":223,"name":"flag-fill","prevSize":80,"code":59870},"setIdx":0,"setId":1,"iconIdx":38},{"icon":{"paths":["M512 1023.989c-282.763 0-511.989-229.226-511.989-511.989s229.226-511.989 511.989-511.989c282.763 0 511.989 229.226 511.989 511.989v0c0 282.763-229.226 511.989-511.989 511.989v0zM512 85.343c-235.636 0-426.657 191.021-426.657 426.657s191.021 426.657 426.657 426.657c235.636 0 426.657-191.021 426.657-426.657v0c0-235.636-191.021-426.657-426.657-426.657v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["circle"]},"attrs":[{}],"properties":{"order":286,"id":222,"name":"circle","prevSize":80,"code":59868},"setIdx":0,"setId":1,"iconIdx":39},{"icon":{"paths":["M1023.989 512c0 282.763-229.226 511.989-511.989 511.989s-511.989-229.226-511.989-511.989c0-282.763 229.226-511.989 511.989-511.989s511.989 229.226 511.989 511.989z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["circle-fill"]},"attrs":[{}],"properties":{"order":285,"id":221,"name":"circle-fill","prevSize":80,"code":59869},"setIdx":0,"setId":1,"iconIdx":40},{"icon":{"paths":["M462.875 1024.834c-1.947 0.372-4.188 0.585-6.478 0.585s-4.531-0.213-6.702-0.62l0.224 0.035c-18.586-5.739-31.857-22.766-31.857-42.893 0-0.292 0.003-0.585 0.009-0.876l-0.001 0.044v-5.938l48.584-342.789h-234.284c-0.011 0-0.024 0-0.038 0-16.55 0-30.926-9.309-38.177-22.979l-0.114-0.234c-3.963-6.646-6.305-14.655-6.305-23.213s2.342-16.567 6.421-23.424l-0.116 0.211 107.965-188.4 221.328-351.967c7.563-12.608 21.158-20.914 36.694-20.914 4.633 0 9.094 0.739 13.272 2.105l-0.301-0.085c18.586 5.739 31.857 22.766 31.857 42.893 0 0.292-0.003 0.585-0.009 0.876l0.001-0.044v5.938l-48.584 342.789h234.824c0.011 0 0.024 0 0.038 0 16.55 0 30.926 9.309 38.177 22.979l0.114 0.234c3.963 6.646 6.305 14.655 6.305 23.213s-2.342 16.567-6.421 23.424l0.116-0.211-107.965 188.4-221.328 351.967c-7.762 11.483-20.733 18.931-35.445 18.931-0.634 0-1.265-0.014-1.893-0.042l0.090 0.003zM434.265 959.516v0zM292.291 549.248h215.931c24.812 0.302 44.809 20.488 44.809 45.342 0 0.191-0.001 0.382-0.004 0.572v-0.029 5.938l-31.849 223.488 134.957-215.931 77.735-133.876h-215.931c-24.812-0.302-44.809-20.488-44.809-45.342 0-0.191 0.001-0.382 0.004-0.572v0.029-5.938l31.849-223.488-134.957 215.931zM589.735 63.945v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["bolt"]},"attrs":[{}],"properties":{"order":284,"id":220,"name":"bolt","prevSize":80,"code":59867},"setIdx":0,"setId":1,"iconIdx":41},{"icon":{"paths":["M876.353 155.475c-91.36-90.984-217.374-147.233-356.525-147.233s-265.163 56.249-356.542 147.25l-72.854 72.854v-175.251c0-24.945-20.222-45.168-45.168-45.168s-45.168 20.222-45.168 45.168v0 285.461c0 0.001 0 0.003 0 0.004 0 25.067 20.15 45.426 45.135 45.766h286.096c24.945 0 45.168-20.222 45.168-45.168s-20.222-45.168-45.168-45.168v0h-180.671l76.485-74.678c74.952-74.805 178.417-121.062 292.688-121.062s217.736 46.257 292.695 121.070l-0.007-0.007c372.786 402.897-180.671 958.161-585.375 585.375-8.171-8.161-19.456-13.21-31.918-13.21s-23.747 5.048-31.92 13.21v0c-8.309 8.103-13.464 19.409-13.464 31.918s5.155 23.815 13.454 31.91l0.010 0.008c91.243 91.243 217.293 147.678 356.525 147.678 278.462 0 504.201-225.739 504.201-504.201 0-139.231-56.434-265.282-147.678-356.525v0z","M512 256.049c-24.81 0.335-44.833 20.358-45.168 45.135v210.815c0.011 12.468 5.073 23.753 13.248 31.918v0l152.367 148.753c8.084 8.182 19.304 13.25 31.708 13.25 0.073 0 0.148 0 0.222 0h-0.011c21.988-3.292 38.658-22.048 38.658-44.696 0-10.97-3.91-21.026-10.413-28.851l0.059 0.073-137.31-137.31v-193.921c-0.294-24.201-19.326-43.864-43.245-45.162l-0.116-0.006z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["history"]},"attrs":[{},{}],"properties":{"order":283,"id":219,"name":"history","prevSize":80,"code":59866},"setIdx":0,"setId":1,"iconIdx":42},{"icon":{"paths":["M1022.811 776.474s0-4.096 0-6.436v-516.077c-0.023-7.052-1.751-13.696-4.793-19.546l0.112 0.237c-4.397-9.329-11.736-16.668-20.801-20.952l-0.263-0.112-468.096-209.474c-5.326-2.478-11.563-3.924-18.139-3.924s-12.811 1.445-18.411 4.037l0.272-0.112-468.096 209.474c-14.982 7.661-25.187 22.762-25.744 40.299l-0.001 0.074v516.077c0.941 17.495 11.005 32.44 25.487 40.246l0.258 0.128 468.096 209.474c5.306 2.591 11.546 4.105 18.139 4.105s12.832-1.514 18.389-4.214l-0.251 0.11 468.096-209.474c13.538-6.306 23.285-18.763 25.711-33.677l0.034-0.259zM86.616 321.251l380.328 170.856v420.117l-380.328-170.27zM554.714 492.105l380.328-170.856v420.702l-380.328 170.27zM512 91.883l361.019 162.079-361.019 161.493-361.019-161.493z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["box"]},"attrs":[{}],"properties":{"order":282,"id":218,"name":"box","prevSize":80,"code":59865},"setIdx":0,"setId":1,"iconIdx":43},{"icon":{"paths":["M512 0.027c-282.755 0-511.973 229.218-511.973 511.973v0c-0.022 1.75-0.034 3.816-0.034 5.886 0 279.524 226.599 506.123 506.123 506.123 2.069 0 4.135-0.012 6.199-0.037l-0.313 0.003c24.236 0 43.883-19.647 43.883-43.883s-19.647-43.883-43.883-43.883v0c-1.399 0.016-3.053 0.026-4.708 0.026-231.698 0-419.526-187.828-419.526-419.526 0-1.655 0.010-3.308 0.029-4.959l-0.003 0.251c0.333-234.15 190.058-423.874 424.174-424.206h0.032c281.439 0 424.206 142.768 424.206 424.206v80.745c0.187 2.116 0.292 4.578 0.292 7.064 0 47.18-38.247 85.426-85.426 85.426s-85.426-38.247-85.426-85.426c0-2.486 0.106-4.948 0.314-7.381l-0.022 0.317v-292.556c0-24.236-19.647-43.883-43.883-43.883s-43.883 19.647-43.883 43.883v0 19.894c-44.051-38.526-102.099-62.022-165.637-62.022-0.188 0-0.377 0-0.565 0h0.029c-140.246 0-253.938 113.692-253.938 253.938s113.692 253.938 253.938 253.938v0c75.633-0.27 143.364-33.87 189.31-86.869l0.266-0.313c30.329 52.256 86.021 86.836 149.789 86.836 95.329 0 172.609-77.279 172.609-172.609 0-0.084 0-0.169 0-0.252v0.014-80.745c0-330.003-181.969-511.973-511.973-511.973zM512 678.171c-91.774 0-166.171-74.397-166.171-166.171s74.397-166.171 166.171-166.171c91.774 0 166.171 74.397 166.171 166.171v0c-0.332 91.641-74.532 165.841-166.14 166.171h-0.032z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["at"]},"attrs":[{}],"properties":{"order":281,"id":217,"name":"at","prevSize":80,"code":59864},"setIdx":0,"setId":1,"iconIdx":44},{"icon":{"paths":["M273.927 128.663c-27.857 0-50.44 22.582-50.44 50.44s22.582 50.44 50.44 50.44v0h449.244l-579.714 579.714c-9.89 9.234-16.053 22.349-16.053 36.904 0 27.857 22.582 50.44 50.44 50.44 14.555 0 27.668-6.164 36.874-16.025l0.028-0.030 579.714-579.714v449.244c0 27.857 22.582 50.44 50.44 50.44s50.44-22.582 50.44-50.44v0-570.97c-0.038-7.053-1.518-13.753-4.16-19.829l0.126 0.327c-7.47-17.225-23.668-29.376-42.86-30.924l-0.182-0.011z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-up-right"]},"attrs":[{}],"properties":{"order":309,"id":216,"name":"arrow-up-right","prevSize":80,"code":59860},"setIdx":0,"setId":1,"iconIdx":45},{"icon":{"paths":["M128.665 750.071c0 27.856 22.582 50.438 50.438 50.438s50.438-22.582 50.438-50.438v0-449.241l579.71 579.71c9.233 9.89 22.348 16.053 36.903 16.053 27.856 0 50.438-22.582 50.438-50.438 0-14.555-6.164-27.668-16.025-36.874l-0.030-0.028-579.71-579.71h449.241c27.856 0 50.438-22.582 50.438-50.438s-22.582-50.438-50.438-50.438v0h-570.968c-7.053 0.038-13.753 1.518-19.829 4.16l0.327-0.126c-18.183 7.953-30.702 25.689-30.935 46.373v0.030z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-up-left"]},"attrs":[{}],"properties":{"order":278,"id":215,"name":"arrow-up-left","prevSize":80,"code":59861},"setIdx":0,"setId":1,"iconIdx":46},{"icon":{"paths":["M749.048 893.688c27.738 0 50.223-22.484 50.223-50.223s-22.484-50.223-50.223-50.223v0h-447.31l577.218-577.218c9.846-9.194 15.985-22.253 15.985-36.744 0-27.738-22.484-50.223-50.223-50.223-14.491 0-27.549 6.138-36.714 15.954l-0.028 0.030-577.218 577.218v-447.31c0-27.738-22.484-50.223-50.223-50.223s-50.223 22.484-50.223 50.223v0 571.861c0.038 7.024 1.513 13.694 4.144 19.745l-0.126-0.325c7.919 18.102 25.578 30.57 46.174 30.801h0.030z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-down-left"]},"attrs":[{}],"properties":{"order":279,"id":214,"name":"arrow-down-left","prevSize":80,"code":59862},"setIdx":0,"setId":1,"iconIdx":47},{"icon":{"paths":["M896.598 273.145c0-27.949-22.657-50.606-50.606-50.606s-50.606 22.657-50.606 50.606v0 450.722l-581.62-581.62c-9.013-8.416-21.152-13.58-34.498-13.58-27.949 0-50.606 22.657-50.606 50.606 0 13.348 5.166 25.486 13.61 34.529l-0.028-0.030 581.62 581.62h-450.722c-27.949 0-50.606 22.657-50.606 50.606s22.657 50.606 50.606 50.606v0h576.221c7.076-0.039 13.797-1.525 19.894-4.175l-0.328 0.126c15.905-8.356 26.772-24.403 27.661-43.066l0.006-0.114z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-down-right"]},"attrs":[{}],"properties":{"order":280,"id":213,"name":"arrow-down-right","prevSize":80,"code":59863},"setIdx":0,"setId":1,"iconIdx":48},{"icon":{"paths":["M512 0.011c-282.764 0-511.989 229.225-511.989 511.989s229.225 511.989 511.989 511.989c282.764 0 511.989-229.225 511.989-511.989v0c0-282.764-229.225-511.989-511.989-511.989v0zM763.515 350.723l-83.838 396.152c-6.4 28.159-23.040 34.559-46.72 21.76l-127.997-94.719-63.999 59.519c-5.961 7.732-15.19 12.694-25.582 12.799h-0.016l8.959-127.997 236.796-214.395c10.879-8.959 0-14.080-15.36-5.119l-290.555 182.396-127.997-39.679c-27.52-8.32-28.159-27.52 5.76-40.319l493.43-191.996c24.319-7.039 44.8 7.039 37.12 41.599z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["telegram"]},"attrs":[{}],"properties":{"order":276,"id":212,"name":"telegram","prevSize":80,"code":59859},"setIdx":0,"setId":1,"iconIdx":49},{"icon":{"paths":["M512 1023.991c-282.764 0-511.991-229.227-511.991-511.991s229.227-511.991 511.991-511.991c282.764 0 511.991 229.227 511.991 511.991v0c0 282.764-229.227 511.991-511.991 511.991v0zM512 85.341c-235.637 0-426.659 191.022-426.659 426.659s191.022 426.659 426.659 426.659c235.637 0 426.659-191.022 426.659-426.659v0c0-235.637-191.022-426.659-426.659-426.659v0z","M369.78 284.448h284.439c47.127 0 85.332 38.205 85.332 85.332v284.439c0 47.127-38.205 85.332-85.332 85.332h-284.439c-47.127 0-85.332-38.205-85.332-85.332v-284.439c0-47.127 38.205-85.332 85.332-85.332z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["stop-circle"]},"attrs":[{},{}],"properties":{"order":275,"id":211,"name":"stop-circle","prevSize":80,"code":59858},"setIdx":0,"setId":1,"iconIdx":50},{"icon":{"paths":["M842.308 1023.979h-660.618c-100.333 0-181.669-81.336-181.669-181.669v0-660.618c0-100.333 81.336-181.669 181.669-181.669v0h660.618c100.333 0 181.669 81.336 181.669 181.669v0 660.618c0 100.333-81.336 181.669-181.669 181.669v0zM181.692 99.114c-45.606 0-82.577 36.971-82.577 82.577v0 660.618c0 45.606 36.971 82.577 82.577 82.577v0h660.618c45.606 0 82.577-36.971 82.577-82.577v0-660.618c0-45.606-36.971-82.577-82.577-82.577v0z"],"attrs":[{}],"grid":16,"tags":["stop"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":274,"id":210,"name":"stop","prevSize":80,"code":59857},"setIdx":0,"setId":1,"iconIdx":51},{"icon":{"paths":["M870.378 148.502c-91.041-91.707-217.17-148.474-356.557-148.474-0.64 0-1.281 0.001-1.92 0.003h0.099c-280.418 0.282-507.634 227.671-507.634 508.129 0 93.024 24.997 180.211 68.642 255.208l-1.302-2.422-71.676 263.024 268.784-70.395c69.896 39.602 153.381 63.238 242.321 63.995l0.223 0.001c0.006 0 0.012 0 0.019 0 281.177 0 509.412-226.669 511.947-507.248l0.001-0.241c-0.978-141.618-59.303-269.426-152.883-361.512l-0.067-0.066zM512 929.894c-0.081 0-0.178 0-0.274 0-79.234 0-153.358-21.884-216.656-59.938l1.903 1.060-15.359-9.599-159.35 42.237 42.237-155.511-10.24-16c-39.739-63.209-63.313-140.066-63.313-222.43 0-233.27 189.104-422.374 422.374-422.374 115.76 0 220.644 46.569 296.938 121.995l-0.040-0.039c77.623 75.954 126.276 181.243 127.989 297.901l0.003 0.321c-2.173 233.734-192.155 422.374-426.196 422.374-0.006 0-0.012 0-0.018 0h0.001zM743.026 613.754c-12.799-6.4-74.875-37.118-86.395-40.958s-20.478-6.4-28.798 6.4c-13.451 18.342-26.668 34.402-40.702 49.701l0.384-0.424c-7.039 8.959-14.719 9.599-27.519 0-73.887-29.731-133.426-82.24-171.269-148.708l-0.882-1.681c-13.439-22.398 12.799-21.119 37.118-69.116 1.722-3.252 2.733-7.107 2.733-11.2s-1.011-7.948-2.796-11.332l0.064 0.132c0-6.4-28.798-69.116-39.038-94.074s-20.478-21.119-28.798-21.759h-24.958c-13.577 0.214-25.68 6.352-33.865 15.937l-0.052 0.063c-26.196 25.492-42.447 61.088-42.447 100.48 0 2.698 0.076 5.38 0.226 8.041l-0.016-0.369c4.318 50.122 23.15 95.162 52.219 131.69l-0.382-0.498c54.892 81.39 128.004 146.508 213.743 190.496l3.204 1.492c35.584 21.122 78.444 33.605 124.218 33.605 9.899 0 19.661-0.583 29.254-1.719l-1.162 0.112c36.419-7.408 66.636-29.449 84.793-59.581l0.322-0.576c5.793-12.526 9.172-27.184 9.172-42.632 0-6.192-0.543-12.256-1.582-18.147l0.091 0.624c-5.76-6.4-14.080-9.599-26.878-16z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["whatsapp"]},"attrs":[{}],"properties":{"order":273,"id":209,"name":"whatsapp","prevSize":80,"code":59856},"setIdx":0,"setId":1,"iconIdx":52},{"icon":{"paths":["M365.722 160.934h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M599.767 160.934h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M365.722 365.722h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M599.767 365.722h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M365.722 570.511h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M599.767 570.511h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z","M877.694 936.204h-29.255v-892.294c-0.325-24.104-19.779-43.558-43.852-43.883h-585.142c-24.104 0.325-43.558 19.779-43.883 43.852v892.325h-29.255c-24.236 0-43.883 19.647-43.883 43.883s19.647 43.883 43.883 43.883v0h731.387c24.236 0 43.883-19.647 43.883-43.883s-19.647-43.883-43.883-43.883v0zM760.671 936.204h-307.183v-131.65c0-16.157-13.098-29.255-29.255-29.255v0h-58.511c-16.157 0-29.255 13.098-29.255 29.255v0 131.65h-73.138v-848.41h497.344z"],"attrs":[{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["building"]},"attrs":[{},{},{},{},{},{},{}],"properties":{"order":272,"id":208,"name":"building","prevSize":80,"code":59855},"setIdx":0,"setId":1,"iconIdx":53},{"icon":{"paths":["M561.547 0.023v462.433h462.433v-462.433zM924.887 363.362h-264.247v-264.247h264.247z","M0.023 462.454h462.433v-462.433h-462.433zM99.116 99.116h264.247v264.247h-264.247z","M0.023 1023.98h462.433v-462.433h-462.433zM99.116 660.64h264.247v264.247h-264.247z","M561.547 561.547h115.609v115.609h-115.609v-115.609z","M792.764 561.547h115.609v115.609h-115.609v-115.609z","M677.156 677.156h115.609v115.609h-115.609v-115.609z","M908.371 677.156h115.609v115.609h-115.609v-115.609z","M561.547 792.764h115.609v115.609h-115.609v-115.609z","M792.764 792.764h115.609v115.609h-115.609v-115.609z","M677.156 908.371h115.609v115.609h-115.609v-115.609z","M908.371 908.371h115.609v115.609h-115.609v-115.609z"],"attrs":[{},{},{},{},{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["qrcode"]},"attrs":[{},{},{},{},{},{},{},{},{},{},{}],"properties":{"order":271,"id":207,"name":"qrcode","prevSize":80,"code":59854},"setIdx":0,"setId":1,"iconIdx":54},{"icon":{"paths":["M966.767 407.505l-107.415-291.887c-13.941-40.405-51.44-68.998-95.682-69.469h-502.102c-43.76 0.101-81.048 27.7-95.509 66.429l-0.231 0.706-107.415 291.887c-34.342 16.711-57.732 51.084-58.377 90.984l-0.001 0.085v262.699c-0.012 0.59-0.019 1.285-0.019 1.983 0 35.143 17.95 66.093 45.181 84.184l0.372 0.233s0 3.503 0 3.503v116.754c0 32.241 26.137 58.378 58.378 58.378v0h58.378c32.241 0 58.378-26.137 58.378-58.378v0-102.161h583.775v102.161c0 32.241 26.137 58.378 58.378 58.378v0h58.378c32.241 0 58.378-26.137 58.378-58.378v0-116.754s0 0 0-3.503c26.927-18.415 44.367-48.984 44.367-83.626 0-0.155 0-0.308-0.001-0.462v0.023-262.699c-0.415-39.752-23.34-74.055-56.62-90.799l-0.59-0.27zM935.826 761.273c0 8.060-6.535 14.595-14.595 14.595v0h-817.284c-8.060 0-14.595-6.535-14.595-14.595v0-262.699c0-8.060 6.535-14.595 14.595-14.595v0h817.284c8.060 0 14.595 6.535 14.595 14.595v0zM248.14 143.055c2.145-5.454 7.332-9.259 13.417-9.341h502.055c6.095 0.082 11.281 3.887 13.392 9.241l0.034 0.099 81.728 224.169h-692.357z","M366.646 629.923c0 48.361-39.205 87.566-87.566 87.566s-87.566-39.205-87.566-87.566c0-48.361 39.205-87.566 87.566-87.566s87.566 39.205 87.566 87.566z","M833.667 629.923c0 48.361-39.205 87.566-87.566 87.566s-87.566-39.205-87.566-87.566c0-48.361 39.205-87.566 87.566-87.566s87.566 39.205 87.566 87.566z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["car"]},"attrs":[{},{},{}],"properties":{"order":270,"id":206,"name":"car","prevSize":80,"code":59853},"setIdx":0,"setId":1,"iconIdx":55},{"icon":{"paths":["M512 249.365c-145.049 0-262.635 117.585-262.635 262.635s117.585 262.635 262.635 262.635c145.049 0 262.635-117.585 262.635-262.635v0c0-0.191 0.002-0.416 0.002-0.641 0-144.695-117.299-261.995-261.995-261.995-0.225 0-0.45 0-0.676 0.002h0.035zM512 683.033c-94.459 0-171.033-76.575-171.033-171.033s76.575-171.033 171.033-171.033c94.459 0 171.033 76.575 171.033 171.033v0c0 94.459-76.575 171.033-171.033 171.033v0zM847.020 238.475c0 35.378-28.68 64.058-64.058 64.058s-64.058-28.68-64.058-64.058c0-35.378 28.68-64.058 64.058-64.058v0c35.378 0 64.058 28.68 64.058 64.058v0zM1020.615 302.532c0.053-2.1 0.083-4.576 0.083-7.056 0-80.466-31.5-153.574-82.841-207.667l0.125 0.132c-54.19-52.344-128.080-84.599-209.504-84.599-1.79 0-3.575 0.015-5.357 0.047l0.267-0.003c-83.275-3.843-339.503-3.843-422.778 0-1.952-0.045-4.253-0.071-6.559-0.071-80.622 0-153.889 31.489-208.175 82.838l0.141-0.134c-51.217 53.961-82.717 127.069-82.717 207.535 0 2.482 0.030 4.956 0.090 7.423l-0.008-0.366c-3.843 83.275-3.843 339.503 0 422.778-0.053 2.1-0.083 4.576-0.083 7.056 0 80.466 31.5 153.574 82.841 207.667l-0.125-0.132c54.143 51.217 127.412 82.705 208.032 82.705 2.306 0 4.608-0.026 6.902-0.077l-0.342 0.006c84.556 5.124 338.223 5.124 422.778 0 2.1 0.053 4.576 0.083 7.056 0.083 80.466 0 153.574-31.5 207.667-82.841l-0.132 0.125c51.217-53.961 82.717-127.069 82.717-207.535 0-2.482-0.030-4.956-0.090-7.423l0.008 0.366c3.843-83.275 3.843-339.503 0-422.778zM911.718 814.991c-17.965 44.669-52.697 79.402-96.206 96.954l-1.162 0.414c-68.692 14.541-147.62 22.867-228.491 22.867-25.987 0-51.772-0.86-77.33-2.552l3.471 0.185c-22.061 1.512-47.813 2.374-73.767 2.374-80.681 0-159.416-8.328-235.394-24.172l7.451 1.3c-44.669-17.965-79.402-52.697-96.954-96.206l-0.414-1.162c-26.904-67.901-21.139-228.044-21.139-302.351s-5.765-235.091 21.139-302.351c17.48-45.144 52.371-80.244 96.218-97.607l1.149-0.401c68.527-14.544 147.262-22.873 227.943-22.873 25.954 0 51.706 0.862 77.231 2.558l-3.464-0.185c22.086-1.509 47.872-2.368 73.859-2.368 80.871 0 159.799 8.326 235.971 24.167l-7.48-1.3c44.669 17.965 79.402 52.697 96.954 96.206l0.414 1.162c26.904 67.901 20.498 228.044 20.498 302.351s6.406 235.091-20.498 302.351z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["instagram"]},"attrs":[{}],"properties":{"order":268,"id":205,"name":"instagram","prevSize":80,"code":59852},"setIdx":0,"setId":1,"iconIdx":56},{"icon":{"paths":["M942.030 0.060h-854.301c-1.171-0.058-2.544-0.091-3.924-0.091-44.98 0-81.687 35.426-83.74 79.897l-0.007 0.184v856.22c1.381 47.853 39.817 86.288 87.54 87.666l0.129 0.003h854.301c45.688-2.098 81.934-39.649 81.934-85.666 0-0.705-0.009-1.408-0.025-2.109l0.001 0.103v-856.22c0.007-0.4 0.012-0.873 0.012-1.345 0-43.471-35.24-78.711-78.711-78.711-1.129 0-2.253 0.024-3.37 0.070l0.159-0.006zM320.022 853.72h-149.102v-456.266h149.102zM248.991 328.342v0c-0.784 0.028-1.705 0.046-2.629 0.046-41.704 0-75.512-33.808-75.512-75.512 0-1.141 0.025-2.277 0.075-3.406l-0.006 0.16c-0.046-0.985-0.072-2.14-0.072-3.301 0-41.704 33.808-75.512 75.512-75.512 1.375 0 2.743 0.037 4.101 0.109l-0.189-0.007c0.784-0.028 1.705-0.046 2.629-0.046 41.704 0 75.512 33.808 75.512 75.512 0 1.141-0.025 2.277-0.075 3.406l0.006-0.16c0.046 0.985 0.072 2.14 0.072 3.301 0 41.704-33.808 75.512-75.512 75.512-1.375 0-2.743-0.037-4.101-0.109l0.189 0.007zM853.72 853.72h-149.743v-249.571c0-59.513-21.118-100.469-74.231-100.469-34.5 0.309-63.758 22.412-74.697 53.194l-0.174 0.559c-3.36 9.138-5.302 19.69-5.302 30.697 0 2.034 0.066 4.051 0.196 6.052l-0.013-0.271v259.81h-147.182v-456.266h147.182v63.993c25.685-46.508 74.423-77.484 130.396-77.484 1.402 0 2.8 0.019 4.194 0.058l-0.205-0.004c96.629 0 169.581 63.993 169.581 200.297z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["linkedin"]},"attrs":[{}],"properties":{"order":266,"id":204,"name":"linkedin","prevSize":80,"code":59851},"setIdx":0,"setId":1,"iconIdx":57},{"icon":{"paths":["M998.721 25.279c-15.31-15.206-36.405-24.601-59.695-24.601-9.365 0-18.373 1.518-26.795 4.325l0.597-0.173-854.831 285.138c-34.333 11.124-58.722 42.818-58.722 80.21 0 32.269 18.165 60.295 44.829 74.41l0.459 0.221 354.67 175.29 175.29 355.84c14.186 27.601 42.466 46.16 75.080 46.16 0.106 0 0.207 0 0.309 0h5.827c34.71-2.632 63.306-26.111 73.46-57.839l0.162-0.591 289.228-852.494c2.939-8.121 4.642-17.492 4.642-27.261 0-22.937-9.373-43.685-24.499-58.622l-0.010-0.010zM94.226 370.599l746.151-248.912-414.27 414.27zM653.984 929.774l-165.94-331.884 414.27-414.27z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["send"]},"attrs":[{}],"properties":{"order":263,"id":203,"name":"send","prevSize":80,"code":59850},"setIdx":0,"setId":1,"iconIdx":58},{"icon":{"paths":["M215.050 647.037c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517c0-59.379 48.138-107.517 107.517-107.517v0h107.517zM269.445 647.037c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517v0 269.434c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517v0zM376.963 215.050c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517c59.379 0 107.517 48.138 107.517 107.517v0 107.517zM376.963 269.445c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517h-269.434c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517v0zM808.95 376.963c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517c0 59.379-48.138 107.517-107.517 107.517v0h-107.517v-107.517zM754.555 376.963c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517v0-269.434c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517v0 269.434zM647.037 808.95c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517c-59.379 0-107.517-48.138-107.517-107.517v0-107.517zM647.037 754.555c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517h269.434c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["slack"]},"attrs":[{}],"properties":{"order":262,"id":202,"name":"slack","prevSize":80,"code":59849},"setIdx":0,"setId":1,"iconIdx":59},{"icon":{"paths":["M517.309 1022.789c-22.691-0.029-45.007-1.526-66.885-4.41l2.595 0.278c-233.58-31.279-416.401-214.099-447.387-445.014l-0.291-2.662c-2.859-20.354-4.49-43.869-4.49-67.761 0-246.048 172.971-451.698 403.948-501.981l3.392-0.62c4.828-1.146 10.369-1.803 16.065-1.803 24.13 0 45.508 11.78 58.7 29.904l0.144 0.209c8.716 12.084 13.937 27.19 13.937 43.519 0 14.447-4.091 27.937-11.173 39.378l0.187-0.321c-26.726 45.102-42.523 99.41-42.523 157.408 0 16.683 1.308 33.056 3.823 49.030l-0.228-1.77c21.13 133.311 125.031 237.216 256.587 258.114l1.758 0.228c14.358 2.386 30.902 3.749 47.766 3.749 57.921 0 112.086-16.086 158.27-44.036l-1.366 0.768c10.914-6.566 24.086-10.453 38.167-10.453 16.715 0 32.146 5.473 44.609 14.724l-0.202-0.143c18.334 13.090 30.142 34.293 30.142 58.257 0 5.696-0.669 11.235-1.926 16.546l0.097-0.484c-49.878 235.319-255.888 409.342-502.54 409.342-0.413 0-0.822 0-1.235-0.001h0.064zM394.034 99.12c-178.936 53.807-307.056 217.078-307.056 410.275 0 236.171 191.454 427.623 427.623 427.623 193.197 0 356.468-128.116 409.491-304.027l0.784-3.028c-50.869 25.361-110.807 40.205-174.212 40.205-197.518 0-361.392-144.047-392.301-332.818l-0.31-2.3c-2.962-18.244-4.655-39.278-4.655-60.703 0-63.794 15.005-124.084 41.678-177.535l-1.042 2.307z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["moon"]},"attrs":[{}],"properties":{"order":261,"id":201,"name":"moon","prevSize":80,"code":59847},"setIdx":0,"setId":1,"iconIdx":60},{"icon":{"paths":["M512 806.395c-162.589 0-294.395-131.804-294.395-294.395s131.804-294.395 294.395-294.395c162.589 0 294.395 131.804 294.395 294.395v0c-0.29 162.471-131.922 294.103-294.366 294.395h-0.028zM512 294.404c-120.176 0-217.596 97.422-217.596 217.596s97.422 217.596 217.596 217.596c120.176 0 217.596-97.422 217.596-217.596v0c-0.29-120.058-97.538-217.306-217.567-217.596h-0.028z","M512 153.605c-21.092-0.285-38.115-17.308-38.399-38.371v-76.826c0-21.206 17.191-38.399 38.399-38.399s38.399 17.191 38.399 38.399v0 76.799c-0.285 21.092-17.308 38.115-38.371 38.399h-0.028z","M512 1023.99c-21.092-0.285-38.115-17.308-38.399-38.371v-76.826c0-21.206 17.191-38.399 38.399-38.399s38.399 17.191 38.399 38.399v0 76.799c-0.285 21.092-17.308 38.115-38.371 38.399h-0.028z","M985.591 550.399h-76.799c-21.206 0-38.399-17.191-38.399-38.399s17.191-38.399 38.399-38.399v0h76.799c21.206 0 38.399 17.191 38.399 38.399s-17.191 38.399-38.399 38.399v0z","M115.206 550.399h-76.799c-21.206 0-38.399-17.191-38.399-38.399s17.191-38.399 38.399-38.399v0h76.799c21.206 0 38.399 17.191 38.399 38.399s-17.191 38.399-38.399 38.399v0z","M230.404 268.804c-10.245-0.806-19.244-5.574-25.564-12.757l-0.035-0.043-55.808-51.2c-7.14-7.14-11.557-17.006-11.557-27.903 0-21.794 17.667-39.461 39.461-39.461 10.897 0 20.763 4.417 27.903 11.557v0l51.2 55.808c6.068 6.763 9.778 15.747 9.778 25.599s-3.711 18.837-9.81 25.635l0.031-0.035c-6.356 7.223-15.355 11.995-25.469 12.791l-0.131 0.009z","M847.867 886.263c-0.052 0-0.116 0-0.178 0-10.545 0-20.084-4.307-26.953-11.261l-0.003-0.003-52.736-55.808c-2.366-4.842-3.748-10.533-3.748-16.548 0-21.206 17.191-38.399 38.399-38.399 6.016 0 11.709 1.383 16.778 3.85l-0.227-0.099 55.808 51.2c6.939 6.946 11.231 16.541 11.231 27.135s-4.291 20.189-11.231 27.136v0c-6.701 7.568-16.317 12.423-27.072 12.798l-0.065 0.001z","M793.596 268.804c-10.245-0.806-19.244-5.574-25.564-12.757l-0.035-0.043c-6.068-6.763-9.778-15.747-9.778-25.599s3.711-18.837 9.81-25.635l-0.031 0.035 51.2-55.808c7.14-7.14 17.006-11.557 27.903-11.557 21.794 0 39.461 17.667 39.461 39.461 0 10.897-4.417 20.763-11.557 27.903v0l-55.808 51.2c-6.356 7.223-15.355 11.995-25.469 12.791l-0.131 0.009z","M176.133 886.263c-0.052 0-0.116 0-0.178 0-10.545 0-20.084-4.307-26.953-11.261l-0.003-0.003c-6.939-6.946-11.231-16.541-11.231-27.135s4.291-20.189 11.231-27.136v0l55.808-52.736c4.842-2.366 10.533-3.748 16.548-3.748 21.206 0 38.399 17.191 38.399 38.399 0 6.016-1.383 11.709-3.85 16.778l0.099-0.227-51.2 55.808c-6.876 6.978-16.43 11.301-26.992 11.301-0.591 0-1.178-0.014-1.761-0.042l0.082 0.003z"],"attrs":[{},{},{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["sun"]},"attrs":[{},{},{},{},{},{},{},{},{}],"properties":{"order":260,"id":200,"name":"sun","prevSize":80,"code":59848},"setIdx":0,"setId":1,"iconIdx":61},{"icon":{"paths":["M1002.843 264.979c-11.885-44.735-46.258-79.32-89.974-91.303l-0.899-0.211c-108.991-13.585-235.136-21.338-363.093-21.338-12.967 0-25.913 0.079-38.842 0.238l1.964-0.020c-10.965-0.138-23.912-0.217-36.878-0.217-127.957 0-254.101 7.753-377.993 22.812l14.9-1.475c-44.618 12.192-78.989 46.777-90.67 90.619l-0.202 0.895c-13.45 71.849-21.144 154.515-21.144 238.976 0 2.83 0.010 5.654 0.025 8.48l-0.001-0.435c-0.015 2.515-0.025 5.487-0.025 8.463 0 84.76 7.694 167.728 22.419 248.235l-1.273-8.397c12.473 43.944 46.687 77.735 89.978 89.387l0.896 0.205c108.991 13.585 235.136 21.338 363.093 21.338 12.967 0 25.913-0.079 38.842-0.238l-1.964 0.020c10.965 0.138 23.912 0.217 36.878 0.217 127.957 0 254.101-7.753 377.993-22.812l-14.9 1.475c44.184-11.858 78.4-45.649 90.654-88.691l0.222-0.902c13.451-72.109 21.145-155.075 21.145-239.836 0-2.976-0.010-5.952-0.030-8.921l0.002 0.458c0.014-2.39 0.024-5.216 0.024-8.045 0-84.461-7.694-167.123-22.415-247.326l1.272 8.351zM407.049 664.948v-304.617l268.139 151.669-268.139 152.31z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["youtube"]},"attrs":[{}],"properties":{"order":245,"id":199,"name":"youtube","prevSize":80,"code":59845},"setIdx":0,"setId":1,"iconIdx":62},{"icon":{"paths":["M921.584 0.020h-819.169c-56.554 0-102.397 45.843-102.397 102.397v0 819.169c0 56.554 45.843 102.397 102.397 102.397h819.169c56.554 0 102.397-45.843 102.397-102.397v0-819.169c0-56.554-45.843-102.397-102.397-102.397v0zM861.428 339.846q-5.119 108.157-150.396 296.31c-100.477 127.996-186.234 195.834-255.991 195.834-43.518 0-79.358-39.678-109.437-119.677-58.239-213.112-83.198-337.908-127.996-337.908-22.288 9.156-41.514 20.78-58.626 34.868l0.387-0.309-34.559-44.799c85.118-74.878 166.394-158.075 217.592-162.554s90.237 33.919 105.597 118.396c47.358 300.15 68.477 345.588 154.236 209.272 23.167-31.534 40.499-68.894 49.548-109.38l0.37-1.973c8.32-76.157-58.878-71.038-104.956-51.198q53.118-179.195 206.712-174.714 113.917 3.84 107.517 147.835z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["vimeo"]},"attrs":[{}],"properties":{"order":246,"id":198,"name":"vimeo","prevSize":80,"code":59846},"setIdx":0,"setId":1,"iconIdx":63},{"icon":{"paths":["M945.168 71.244c-6.854-4.784-15.36-7.644-24.533-7.644-5.667 0-11.082 1.091-16.037 3.075l0.291-0.101c-63.362 27.754-136.884 48.272-213.777 57.97l-3.973 0.411c-50.991-13.859-95.65-33.834-136.292-59.573l2.021 1.197c-50.286-31.459-109.055-55.026-171.889-67.197l-3.247-0.525c-107.474 9.724-206.538 32.466-299.99 66.82l8.098-2.606c-17.445 6.019-29.758 22.294-29.774 41.446v874.511c0 24.18 19.602 43.782 43.782 43.782s43.782-19.602 43.782-43.782v0-341.516c65.758-24.646 142.15-42.595 221.505-50.481l3.835-0.307c53.105 13.33 99.794 33.376 142.252 59.613l-2.143-1.233c47.34 29.414 102.383 52.211 161.087 65.302l3.54 0.662h13.426c91.375-11.776 174.319-34.938 251.841-68.29l-6.068 2.323c16.532-6.508 28.021-22.337 28.021-40.848 0-0.004 0-0.013 0-0.017v0.001-496.801c0.058-0.822 0.086-1.787 0.086-2.754 0-13.445-6.144-25.457-15.776-33.379l-0.076-0.061zM876.865 575.050c-55.28 23.59-119.414 40.863-186.43 48.723l-3.3 0.316c-50.991-13.859-95.65-33.834-136.292-59.573l2.021 1.197c-50.286-31.459-109.055-55.026-171.889-67.197l-3.247-0.525h-11.676c-81.373 7.491-156.277 24.016-227.356 48.724l6.685-2.021v-408.651c65.758-24.646 142.15-42.595 221.505-50.481l3.835-0.307c53.105 13.33 99.794 33.376 142.252 59.613l-2.143-1.233c47.34 29.414 102.383 52.211 161.087 65.302l3.54 0.662c72.593-2.928 140.796-18.315 203.651-44.065l-3.998 1.45z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["flag"]},"attrs":[{}],"properties":{"order":247,"id":197,"name":"flag","prevSize":80,"code":59844},"setIdx":0,"setId":1,"iconIdx":64},{"icon":{"paths":["M921.328 234.242h-14.62v-131.569c-0.331-56.383-45.949-102.001-102.301-102.333h-0.032c-2.11-0.402-4.538-0.635-7.018-0.635s-4.909 0.229-7.26 0.672l0.242-0.037-695.856 233.902h-15.789l-9.939 3.508h-8.187l-9.357 5.263-7.018 9.939-8.187 7.018-6.432 5.85-7.018 8.771c-1.843 1.659-3.402 3.587-4.62 5.733l-0.060 0.112c-1.923 2.94-3.872 6.386-5.601 9.962l-0.245 0.564-3.508 6.432c-1.391 3.423-2.79 7.711-3.925 12.107l-0.165 0.758c0.126 0.965 0.196 2.083 0.196 3.216s-0.070 2.252-0.21 3.346l0.014-0.13c-0.288 2.979-0.451 6.443-0.451 9.939s0.164 6.961 0.485 10.379l-0.033-0.436v584.754c0.266 54.991 43.614 99.77 98.010 102.322l0.229 0.010h818.656c56.383-0.331 102.001-45.949 102.333-102.301v-584.786c-0.331-56.383-45.949-102.001-102.301-102.333h-0.032zM809.056 88.637c5.781 2.176 9.84 7.618 9.939 14.021v131.582h-446.167zM935.946 921.328c0 8.075-6.545 14.62-14.62 14.62v0h-818.656c-8.075 0-14.62-6.545-14.62-14.62v0-584.754c0-8.075 6.545-14.62 14.62-14.62v0h818.656c8.075 0 14.62 6.545 14.62 14.62v0z","M848.233 628.95c0 40.368-32.724 73.092-73.092 73.092s-73.092-32.724-73.092-73.092c0-40.368 32.724-73.092 73.092-73.092s73.092 32.724 73.092 73.092z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["wallet"]},"attrs":[{},{}],"properties":{"order":248,"id":196,"name":"wallet","prevSize":80,"code":59843},"setIdx":0,"setId":1,"iconIdx":65},{"icon":{"paths":["M974.245 49.171c-15.932-10.721-35.555-17.111-56.669-17.111-14.627 0-28.534 3.067-41.12 8.59l0.658-0.257-208.887 89.524-277.931-117.023c-10.185-4.441-22.051-7.024-34.522-7.024s-24.338 2.583-35.094 7.244l0.571-0.221-255.112 107.663c-39.245 17.382-66.129 55.99-66.129 100.873 0 0.535 0.003 1.071 0.012 1.601l-0.001-0.081v658.259c-0.001 0.193-0.001 0.422-0.001 0.65 0 38.606 19.576 72.638 49.339 92.718l0.396 0.252c15.932 10.721 35.555 17.111 56.669 17.111 14.627 0 28.534-3.067 41.12-8.59l-0.658 0.257 208.887-89.524 277.931 117.023c9.959 4.44 21.578 7.024 33.803 7.024 0.254 0 0.506-0.001 0.759-0.002h-0.037c12.47-0.016 24.335-2.597 35.099-7.244l-0.579 0.222 255.112-109.419c39.245-17.382 66.129-55.99 66.129-100.873 0-0.535-0.003-1.071-0.012-1.601l0.001 0.081v-656.503c0.001-0.193 0.001-0.422 0.001-0.65 0-38.606-19.576-72.638-49.339-92.718l-0.396-0.252zM399.657 107.683l224.685 95.96v709.749l-224.685-95.96zM112.365 902.859c-2.099 1.232-4.621 1.96-7.312 1.96s-5.216-0.728-7.384-1.996l0.067 0.036c-6.069-4.287-9.983-11.275-9.983-19.174 0-0.459 0.014-0.915 0.041-1.366l-0.002 0.063v-659.428c-0.001-0.106-0.002-0.225-0.002-0.349 0-9.66 5.999-17.916 14.475-21.246l0.156-0.052 209.473-90.694v706.823zM936.211 801.048c0.016 0.329 0.027 0.713 0.027 1.097 0 8.996-5.204 16.772-12.765 20.489l-0.133 0.060-211.228 90.694v-706.823l199.525-85.427c2.099-1.232 4.621-1.96 7.312-1.96s5.216 0.728 7.384 1.996l-0.067-0.036c6.069 4.287 9.983 11.275 9.983 19.174 0 0.459-0.014 0.915-0.041 1.366l0.002-0.063z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["map"]},"attrs":[{}],"properties":{"order":249,"id":195,"name":"map","prevSize":80,"code":59842},"setIdx":0,"setId":1,"iconIdx":66},{"icon":{"paths":["M232.89 877.709c-0.229 0.001-0.5 0.001-0.772 0.001-64.296 0-122.536-25.926-164.839-67.892l0.014 0.014c-41.67-44.195-67.28-103.927-67.28-169.644 0-70.104 29.144-133.401 75.978-178.432l0.081-0.077 220.011-221.767c46.236-47.686 110.48-77.679 181.734-78.989l0.242-0.003c64.887 0.446 123.436 27.23 165.557 70.178l0.036 0.036c42.26 44.485 68.256 104.777 68.256 171.139 0 70.733-29.531 134.567-76.936 179.85l-0.095 0.091-73.728 73.728c-8.035 8.605-19.444 13.968-32.108 13.968-24.236 0-43.886-19.648-43.886-43.886 0-12.665 5.363-24.073 13.943-32.084l0.025-0.023 71.384-76.068c31.073-29.214 50.426-70.586 50.426-116.481 0-41.8-16.055-79.851-42.334-108.318l0.099 0.109c-28.323-24.799-65.659-39.923-106.527-39.923-45.364 0-86.377 18.637-115.797 48.671l-0.027 0.027-218.256 221.181c-30.617 29.25-49.65 70.402-49.65 115.998 0 41.161 15.51 78.698 41.005 107.085l-0.133-0.148c26.409 26.109 62.734 42.236 102.824 42.236 5.002 0 9.944-0.251 14.816-0.741l-0.615 0.049c1.28-0.135 2.767-0.212 4.272-0.212 22.546 0 41.068 17.231 43.113 39.245l0.012 0.171c0.136 1.297 0.214 2.802 0.214 4.324 0 22.665-17.181 41.315-39.226 43.641l-0.191 0.015z","M545.938 863.081c-64.887-0.446-123.436-27.23-165.557-70.178l-0.036-0.036c-42.26-44.485-68.256-104.777-68.256-171.139 0-70.733 29.531-134.567 76.936-179.85l0.095-0.091 73.728-73.728c8.035-8.605 19.444-13.968 32.108-13.968 24.236 0 43.886 19.648 43.886 43.886 0 12.665-5.363 24.073-13.943 32.084l-0.025 0.023-71.384 76.068c-31.073 29.214-50.426 70.586-50.426 116.481 0 41.8 16.055 79.851 42.334 108.318l-0.099-0.109c28.323 24.799 65.659 39.923 106.527 39.923 45.364 0 86.377-18.637 115.797-48.671l0.027-0.027 220.596-221.181c29.874-29.148 48.402-69.807 48.402-114.793 0-41.733-15.944-79.74-42.074-108.264l0.109 0.122c-26.409-26.109-62.734-42.236-102.824-42.236-5.002 0-9.944 0.251-14.816 0.741l0.615-0.049c-1.28 0.135-2.767 0.212-4.272 0.212-22.546 0-41.068-17.231-43.113-39.245l-0.012-0.171c-0.136-1.297-0.214-2.802-0.214-4.324 0-22.665 17.181-41.315 39.226-43.641l0.191-0.015c7.239-0.795 15.632-1.247 24.131-1.247 63.452 0 121.008 25.25 163.166 66.25l-0.054-0.053c41.67 44.195 67.28 103.927 67.28 169.644 0 70.104-29.144 133.401-75.978 178.432l-0.081 0.077-220.011 221.767c-46.236 47.686-110.48 77.679-181.734 78.989l-0.242 0.003z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["link"]},"attrs":[{},{}],"properties":{"order":250,"id":194,"name":"link","prevSize":80,"code":59841},"setIdx":0,"setId":1,"iconIdx":67},{"icon":{"paths":["M921.589 117.040h-819.178c-56.419 0.331-102.067 45.977-102.398 102.366v585.16c0.331 56.419 45.977 102.067 102.366 102.398h819.209c56.419-0.331 102.067-45.977 102.398-102.366v-585.16c-0.331-56.419-45.977-102.067-102.366-102.398h-0.033zM102.411 204.808h819.178c8.080 0 14.628 6.551 14.628 14.628v0 131.653h-848.434v-131.653c0-8.080 6.551-14.628 14.628-14.628v0zM921.589 819.192h-819.178c-8.080 0-14.628-6.551-14.628-14.628v0-365.705h848.434v365.705c0 8.080-6.551 14.628-14.628 14.628v0z","M336.461 570.514h-117.025c-32.315 0-58.514 26.197-58.514 58.514s26.197 58.514 58.514 58.514v0h117.025c32.315 0 58.514-26.197 58.514-58.514s-26.197-58.514-58.514-58.514v0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["credit-card"]},"attrs":[{},{}],"properties":{"order":251,"id":193,"name":"credit-card","prevSize":80,"code":59839},"setIdx":0,"setId":1,"iconIdx":68},{"icon":{"paths":["M867.007 182.851c-66.261-30.706-136.831-53.332-211.172-66.261-9.158 16.161-19.933 38.248-26.935 56.025-78.651-11.852-156.763-11.852-233.798 0-7.541-17.777-18.316-39.864-27.474-56.025-74.341 12.929-144.911 35.555-211.172 66.261-133.599 201.475-169.692 398.104-151.915 591.499 88.886 66.261 174.541 106.125 259.118 132.522 21.010-28.551 39.326-59.257 55.487-91.042-30.706-11.313-59.796-25.858-87.27-42.558 7.541-5.387 14.545-11.313 21.549-16.7 168.615 78.651 351.236 78.651 517.696 0 7.004 5.925 14.006 11.313 21.549 16.7-27.474 16.7-57.103 30.706-87.27 42.558 16.161 31.783 34.478 62.489 55.487 91.042 84.577-26.397 170.769-66.261 259.118-132.522 21.010-224.64-36.094-419.113-151.915-591.499zM341.769 655.834c-50.639 0-92.119-46.867-92.119-104.508s40.403-104.508 92.119-104.508 92.658 46.867 92.119 104.508c0 57.103-40.403 104.508-92.119 104.508zM681.692 655.834c-50.639 0-92.119-46.867-92.119-104.508s40.403-104.508 92.119-104.508 92.658 46.867 92.119 104.508c0 57.103-40.403 104.508-92.119 104.508z"],"attrs":[{}],"grid":16,"tags":["discord"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":252,"id":192,"name":"discord","prevSize":80,"code":59840},"setIdx":0,"setId":1,"iconIdx":69},{"icon":{"paths":["M71.252 1019.529c-0.094 0-0.205 0-0.308 0-18.338 0-34.928-7.49-46.876-19.583l-0.004-0.004c-12.065-12.080-19.533-28.766-19.533-47.194s7.46-35.107 19.533-47.195v0l881.496-881.496c12.224-13.091 29.586-21.252 48.86-21.252 36.88 0 66.781 29.901 66.781 66.781 0 19.267-8.161 36.636-21.215 48.818l-0.036 0.034-881.496 881.496c-11.952 12.097-28.542 19.587-46.879 19.587-0.11 0-0.221 0-0.324 0h0.016z","M200.36 400.703c-110.644 0-200.343-89.695-200.343-200.343s89.695-200.343 200.343-200.343c110.644 0 200.343 89.695 200.343 200.343v0c0 110.644-89.695 200.343-200.343 200.343v0zM200.36 133.579c-36.88 0-66.781 29.901-66.781 66.781s29.901 66.781 66.781 66.781c36.88 0 66.781-29.901 66.781-66.781v0c-0.495-36.684-30.097-66.286-66.733-66.781h-0.048z","M823.64 1023.979c-110.644 0-200.343-89.695-200.343-200.343s89.695-200.343 200.343-200.343c110.644 0 200.343 89.695 200.343 200.343v0c0 110.644-89.695 200.343-200.343 200.343v0zM823.64 756.859c-36.88 0-66.781 29.901-66.781 66.781s29.901 66.781 66.781 66.781c36.88 0 66.781-29.901 66.781-66.781v0c-0.495-36.684-30.097-66.286-66.733-66.781h-0.048z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["percentage"]},"attrs":[{},{},{}],"properties":{"order":253,"id":191,"name":"percentage","prevSize":80,"code":59838},"setIdx":0,"setId":1,"iconIdx":70},{"icon":{"paths":["M634.635 1025.058h-8.795c-278.481-6.291-501.825-233.529-501.825-512.936 0-143.581 58.979-273.384 154.031-366.506l0.087-0.085c90.386-89.279 214.664-144.424 351.826-144.424 4.737 0 9.461 0.066 14.166 0.197l-0.694-0.015c137.202 2.016 261.047 57.579 351.895 146.67l-0.082-0.081c7.946 7.955 12.862 18.943 12.862 31.077s-4.914 23.121-12.862 31.078v0c-7.955 7.946-18.943 12.862-31.077 12.862s-23.121-4.914-31.078-12.862v0c-76.784-75.59-182.227-122.264-298.57-122.264-235.104 0-425.69 190.589-425.69 425.69s190.589 425.69 425.69 425.69c110.943 0 211.975-42.441 287.744-111.973l-0.312 0.283 12.901-12.313c8.295-7.915 19.557-12.787 31.955-12.787s23.661 4.872 31.975 12.806l-0.018-0.018c8.518 7.555 13.858 18.529 13.858 30.751 0 10.778-4.154 20.587-10.95 27.911l0.023-0.026-2.931 2.931-17.003 16.418c-90.306 81.848-210.707 131.947-342.808 131.947-1.515 0-3.029-0.007-4.542-0.019l0.232 0.001z","M869.176 468.024h-820.891c-24.287 0-43.976-19.689-43.976-43.976s19.689-43.976 43.976-43.976v0h820.891c24.287 0 43.976 19.689 43.976 43.976s-19.689 43.976-43.976 43.976v0z","M781.223 643.928h-732.939c-24.287 0-43.976-19.689-43.976-43.976s19.689-43.976 43.976-43.976v0h732.939c24.287 0 43.976 19.689 43.976 43.976s-19.689 43.976-43.976 43.976v0z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["euro"]},"attrs":[{},{},{}],"properties":{"order":233,"id":190,"name":"euro","prevSize":80,"code":59837},"setIdx":0,"setId":1,"iconIdx":71},{"icon":{"paths":["M921.533 0.085h-716.682c-1.243-0.037-2.704-0.062-4.171-0.062-76.892 0-139.525 61.042-142.084 137.312l-0.005 0.236v725.456c3.196 89.572 76.578 160.974 166.638 160.974 1.887 0 3.764-0.032 5.636-0.094l-0.273 0.005h690.939c24.1-0.324 43.553-19.777 43.877-43.845v-936.102c-0.324-24.1-19.777-43.553-43.845-43.877h-0.032zM877.652 936.158h-647.059c-1.635 0.122-3.546 0.19-5.469 0.19-41.629 0-75.733-32.206-78.764-73.058l-0.015-0.26c3.043-41.116 37.15-73.322 78.779-73.322 1.923 0 3.834 0.068 5.723 0.205l-0.254-0.015h647.059zM877.652 702.141h-647.059c-30.908 0.035-59.934 8.052-85.138 22.102l0.893-0.458v-586.214c2.714-28.081 26.19-49.857 54.753-49.857 1.322 0 2.628 0.047 3.925 0.14l-0.175-0.011h672.802z","M321.859 321.859h380.277c24.235 0 43.877-19.646 43.877-43.877s-19.646-43.877-43.877-43.877v0h-380.277c-24.235 0-43.877 19.646-43.877 43.877s19.646 43.877 43.877 43.877v0z","M321.859 526.626h380.277c24.235 0 43.877-19.646 43.877-43.877s-19.646-43.877-43.877-43.877v0h-380.277c-24.235 0-43.877 19.646-43.877 43.877s19.646 43.877 43.877 43.877v0z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["book"]},"attrs":[{},{},{}],"properties":{"order":232,"id":189,"name":"book","prevSize":80,"code":59834},"setIdx":0,"setId":1,"iconIdx":72},{"icon":{"paths":["M512 1023.233c-5.884-0.076-11.5-1.139-16.713-3.034l0.353 0.112c-294.424-132.986-495.622-424.049-495.622-762.108 0-25.218 1.12-50.181 3.311-74.828l-0.228 3.185c1.091-20.259 15.977-36.738 35.376-40.276l0.266-0.038c170.071-26.272 323.191-75.689 464.402-145.534l-9.257 4.14c5.319-2.475 11.548-3.917 18.114-3.917s12.794 1.442 18.385 4.030l-0.271-0.112c131.953 65.702 285.069 115.119 446.231 140.248l8.916 1.146c19.665 3.576 34.547 20.055 35.634 40.204l0.003 0.11c1.964 21.462 3.084 46.42 3.084 71.642 0 338.056-201.194 629.119-490.377 759.984l-5.245 2.124c-4.86 1.783-10.476 2.845-16.326 2.921h-0.034zM88.991 226.293c-0.817 12.916-1.282 28.011-1.282 43.216 0 292.016 171.793 543.905 419.826 660.115l4.464 1.881c252.498-118.092 424.293-369.981 424.293-661.997 0-15.204-0.465-30.297-1.384-45.268l0.1 2.056c-158.673-27.438-300.659-73.974-432.589-137.992l9.58 4.192c-122.352 59.822-264.337 106.359-413.369 132.403l-9.639 1.394z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["shield"]},"attrs":[{}],"properties":{"order":231,"id":188,"name":"shield","prevSize":80,"code":59833},"setIdx":0,"setId":1,"iconIdx":73},{"icon":{"paths":["M330.174 602.273c-7.682 42.896-39.055 245.207-48.017 302.191 0 4.482 0 5.762-7.042 5.762h-167.743c-0.080 0.001-0.175 0.001-0.271 0.001-15.204 0-27.532-12.324-27.532-27.532 0-1.356 0.097-2.688 0.287-3.989l-0.017 0.147 131.888-839.984c3.692-21.668 21.877-38.101 44.080-39.052l0.096-0.002c342.523 0 371.334-8.323 459.046 26.251 135.089 52.499 147.892 179.266 99.235 316.915s-163.261 201.671-315.635 203.593c-97.314 0-156.215-15.364-169.663 55.059zM883.334 277.035c-3.841-3.2-5.121-3.841-6.402 0-5.355 29.455-12.228 55.051-20.948 79.774l1.103-3.586c-89.632 256.095-338.682 234.965-460.326 234.965-0.779-0.096-1.678-0.148-2.591-0.148-11.979 0-21.761 9.396-22.379 21.221l-0.002 0.053c-50.578 320.115-64.022 384.138-64.022 384.138-0.348 1.539-0.545 3.309-0.545 5.121 0 13.404 10.837 24.274 24.228 24.326h143.414c19.695-0.387 35.904-14.834 39.022-33.697l0.032-0.236c0-12.164 0 14.084 32.653-206.154 10.243-49.297 32.013-44.176 64.022-44.176 159.417 0 284.262-64.022 320.115-256.095 6.318-18.661 9.965-40.158 9.965-62.502 0-57.89-24.469-110.067-63.632-146.751l-0.111-0.101z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["paypal"]},"attrs":[{}],"properties":{"order":229,"id":186,"name":"paypal","prevSize":80,"code":59835},"setIdx":0,"setId":1,"iconIdx":74},{"icon":{"paths":["M590.061 298.931c-114.531 3.839-397.983 35.193-397.983 268.094 0 250.818 326.32 261.056 433.175 99.176 33.603 38.347 68.51 73.249 105.572 105.755l1.281 1.101 133.727-127.968s-76.142-58.226-76.142-120.93v-335.917c0-57.586-57.586-188.114-264.895-188.114s-319.921 127.968-319.921 238.663l174.038 17.277c14.203-60.869 64.928-106.62 127.331-113.199l0.637-0.053c95.977 0 83.181 67.824 83.181 158.042zM590.061 497.283c0 182.995-198.352 155.482-198.352 39.029s119.010-127.968 198.352-131.807zM909.983 870.953c-103.709 94.959-242.457 153.142-394.795 153.142-5.62 0-11.222-0.080-16.805-0.238l0.821 0.018c-195.949-7.842-370.074-95.152-492.135-230.369l-0.545-0.613c-15.997-17.277 0-25.596 12.797-18.556 172.759 101.736 443.413 268.735 876.588 69.103 19.837-8.319 33.91 4.48 15.357 27.515zM1004.041 876.072c-11.535 27.968-28.737 51.536-50.314 70.185l-0.235 0.197c-12.797 10.238-22.395 6.399-15.357-8.319s46.068-106.215 30.074-127.968-87.020-9.598-113.251-7.038-30.714 4.48-32.634 0 51.186-35.829 88.3-40.309 96.617 0 108.772 13.437c1.186 7.461 1.861 16.066 1.861 24.83 0 26.848-6.362 52.211-17.654 74.664l0.435-0.957z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["amazon"]},"attrs":[{}],"properties":{"order":240,"id":185,"name":"amazon","prevSize":80,"code":59836},"setIdx":0,"setId":1,"iconIdx":75},{"icon":{"paths":["M886.693 1024.275h-13.467c-160.026-17.856-304.577-71.747-429.374-153.346l3.746 2.3c-119.858-77.12-218.914-175.988-293.94-291.862l-2.302-3.793c-79.488-121.374-133.409-266.357-150.654-422.398l-0.396-4.402c-0.449-4.129-0.705-8.915-0.705-13.764 0-33.499 12.23-64.138 32.468-87.698l-0.148 0.178c22.748-27.565 55.792-45.921 93.167-49.141l0.507-0.035h152.22c68.811 0.070 125.838 50.433 136.308 116.306l0.101 0.786c6.186 45.698 17.046 86.978 32.301 126.063l-1.274-3.701c5.445 14.293 8.602 30.826 8.602 48.093 0 38.102-15.36 72.621-40.225 97.697l-35.702 35.702c57.148 89.292 131.053 162.822 217.85 217.845l2.869 1.699 35.713-35.126c25.068-24.854 59.584-40.214 97.686-40.214 17.267 0 33.797 3.154 49.045 8.917l-0.956-0.318c35.315 13.822 76.581 24.675 119.402 30.688l2.96 0.339c66.678 10.304 117.132 67.286 117.132 136.053 0 1.155-0.014 2.306-0.044 3.455l0.002-0.171v140.51c0 0 0 0.001 0 0.001 0 76.101-61.525 137.836-137.551 138.165h-0.032zM277.818 87.541h-139.923c-14.387 0.979-27.011 7.794-35.649 18.070l-0.063 0.079c-7.402 8.481-11.91 19.649-11.91 31.87 0 1.557 0.075 3.102 0.218 4.622l-0.015-0.194c15.36 145.534 63.692 277.249 137.347 391.045l-2.107-3.473c70.038 108.811 159.916 198.686 265.265 266.637l3.46 2.091c110.418 72.299 242.202 121.557 384.020 137.782l4.14 0.385c0.876 0.051 1.901 0.082 2.931 0.082 14.116 0 26.923-5.614 36.306-14.733l-0.013 0.013c8.993-9.216 14.563-21.807 14.638-35.698v-139.938c0.005-0.32 0.012-0.7 0.012-1.075 0-25.332-18.708-46.298-43.066-49.826l-0.272-0.033c-53.039-7.261-100.842-19.551-146.288-36.646l4.608 1.52c-5.299-2.044-11.429-3.227-17.839-3.227-13.78 0-26.284 5.472-35.452 14.364l0.014-0.013-58.546 58.546c-8.012 7.814-18.974 12.637-31.061 12.637-7.941 0-15.396-2.080-21.853-5.726l0.223 0.115c-125.62-71.885-227.060-173.136-297.132-294.748l-2.038-3.837c-3.709-6.254-5.9-13.781-5.9-21.824 0-12.079 4.944-23.005 12.918-30.863l58.55-58.55c8.886-8.986 14.38-21.346 14.38-34.991 0-6.364-1.195-12.447-3.371-18.038l0.116 0.338c-15.651-40.876-27.948-88.685-34.741-138.244l-0.385-3.437c-3.034-25.502-24.528-45.088-50.597-45.088-0.323 0-0.646 0.002-0.971 0.011l0.048-0.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["phone"]},"attrs":[{}],"properties":{"order":227,"id":184,"name":"phone","prevSize":80,"code":59832},"setIdx":0,"setId":1,"iconIdx":76},{"icon":{"paths":["M1004.108 24.712c-7.747-14.706-22.886-24.587-40.341-24.696h-421.65c-24.95 0-45.175 20.226-45.175 45.175s20.226 45.175 45.175 45.175v0h331.285l-111.431 154.198c-5.421 7.322-8.676 16.532-8.676 26.503 0 24.752 20.065 44.816 44.816 44.816 14.78 0 27.892-7.156 36.054-18.191l0.086-0.121 165.641-225.875c5.688-7.337 9.117-16.671 9.117-26.809 0-7.369-1.813-14.314-5.016-20.415l0.116 0.241z","M310.219 13.266s0 0-3.011 0c-3.291-2.852-7.063-5.273-11.155-7.112l-0.289-0.116c-3.885-1.54-8.385-2.612-13.079-3l-0.172-0.011h-222.261c-17.471 0.11-32.609 9.989-40.237 24.446l-0.12 0.25c-3.089 5.86-4.901 12.805-4.901 20.174 0 10.136 3.43 19.472 9.191 26.909l-0.075-0.1 322.25 437.295v466.81c0.335 24.814 20.362 44.84 45.142 45.175h240.967c24.814-0.335 44.84-20.362 45.175-45.142v-466.843l3.614-5.421 220.455 218.045c8.085 8.184 19.307 13.251 31.713 13.251 0.073 0 0.148 0 0.222 0h-0.011c0.137 0.001 0.299 0.003 0.462 0.003 12.327 0 23.47-5.072 31.455-13.244l0.008-0.008c8.162-8.172 13.212-19.46 13.212-31.923s-5.048-23.751-13.212-31.925v0zM596.326 470.439c-5.634 7.174-9.035 16.335-9.035 26.291 0 0.075 0 0.15 0 0.224v-0.011 436.692h-150.584v-436.692c0-0.064 0-0.138 0-0.212 0-9.955-3.401-19.117-9.105-26.384l0.071 0.093-277.075-380.073h109.624l355.98 352.366z"],"attrs":[{},{}],"grid":16,"tags":["filter-slash"],"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":226,"id":183,"name":"filter-slash","prevSize":80,"code":59831},"setIdx":0,"setId":1,"iconIdx":77},{"icon":{"paths":["M1023.989 515.199c-3.553-280.043-231.4-505.695-511.951-505.695-282.764 0-511.989 229.225-511.989 511.989 0 254.507 185.702 465.641 428.999 505.297l2.953 0.397v-362.872h-127.997v-149.116h127.997v-113.278c-0.721-6.073-1.134-13.108-1.134-20.239 0-100.028 81.088-181.117 181.117-181.117 4.227 0 8.421 0.145 12.576 0.43l-0.561-0.031c40.895 0.576 80.479 4.278 119.075 10.879l-4.516-0.639v127.997h-63.999c-2.79-0.372-6.015-0.583-9.289-0.583-41 0-74.238 33.238-74.238 74.238 0 2.458 0.12 4.89 0.352 7.287l-0.024-0.304v96.638h142.077l-23.040 149.116h-118.397v358.392c246.274-40.033 432-251.177 432-505.702 0-1.084-0.003-2.169-0.010-3.253l0.001 0.166z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["facebook"]},"attrs":[{}],"properties":{"order":223,"id":182,"name":"facebook","prevSize":80,"code":59828},"setIdx":0,"setId":1,"iconIdx":78},{"icon":{"paths":["M342.537 824.066c0 4.477-4.477 7.674-10.871 7.674s-11.511 0-11.511-7.674 5.115-7.674 10.871-7.674 11.511 3.197 11.511 7.674zM278.59 814.474c0 4.477 0 9.592 8.952 10.871 1.214 0.597 2.642 0.946 4.152 0.946 3.78 0 7.050-2.187 8.614-5.366l0.025-0.057c0-4.477 0-8.952-8.952-10.871s-11.511 0-12.789 4.477zM369.395 811.277c-5.755 0-9.592 5.115-8.952 10.232s5.755 7.034 12.151 5.755 9.592-5.755 8.952-10.232-5.755-6.395-12.151-5.755zM505.605 0.416c-1.401-0.013-3.056-0.022-4.712-0.022-276.536 0-500.713 224.177-500.713 500.713 0 5.405 0.085 10.79 0.256 16.152l-0.019-0.784c-0.043 2.548-0.069 5.556-0.069 8.569 0 228.113 144.076 422.574 346.195 497.35l3.671 1.189c26.218 4.477 35.81-12.151 35.81-25.58s0-85.69 0-127.896c0 0-144.523 31.974-175.218-63.949 0 0-23.021-63.949-56.913-77.378 0 0-47.321-33.253 3.197-32.614 34.33 4.756 63.049 25.238 79.017 53.815l0.277 0.541c18.278 35.272 54.506 58.959 96.268 58.959 20.145 0 39.003-5.513 55.146-15.109l-0.498 0.274c2.59-27.799 14.547-52.403 32.64-71.009l-0.027 0.027c-115.106-13.429-231.491-30.055-231.491-234.050-0.145-2.57-0.228-5.577-0.228-8.605 0-45.473 18.687-86.583 48.8-116.067l0.028-0.028c-6.646-19.325-10.482-41.593-10.482-64.756 0-28.316 5.734-55.295 16.103-79.836l-0.505 1.347c43.484-14.069 142.605 56.913 142.605 56.913 38.806-11.37 83.386-17.912 129.495-17.912s90.69 6.541 132.864 18.747l-3.369-0.835s99.119-70.982 142.605-56.913c10.054 23.11 15.902 50.029 15.902 78.316 0 23.246-3.951 45.569-11.215 66.335l0.429-1.407c32.709 30.551 53.097 73.938 53.097 122.086 0 0.919-0.007 1.836-0.022 2.75l0.001-0.138c0 204.633-121.502 220.621-236.608 234.050 20.129 22.501 32.432 52.369 32.432 85.111 0 3.805-0.166 7.572-0.492 11.293l0.034-0.483c0 71.622 0 159.871 0 177.137-0.001 0.076-0.001 0.166-0.001 0.258 0 14.833 12.025 26.858 26.858 26.858 3.209 0 6.287-0.564 9.141-1.596l-0.187 0.058c204.623-75.025 347.995-268.129 347.995-494.721 0-3.906-0.042-7.803-0.127-11.688l0.010 0.579c0.012-1.343 0.019-2.929 0.019-4.517 0-282.54-229.044-511.584-511.584-511.584-2.256 0-4.508 0.015-6.757 0.043l0.342-0.003zM201.213 730.062s0 7.034 0 10.871c1.389 1.394 3.312 2.257 5.436 2.257s4.047-0.863 5.436-2.257v0s0-7.034 0-11.511-8.314-1.918-10.871 0.64zM178.831 712.796s0 6.395 4.477 8.314c1.064 1.308 2.674 2.137 4.477 2.137s3.413-0.829 4.468-2.127l0.009-0.010s0-6.395-4.477-8.314-7.674-1.918-8.952 0zM242.778 788.256s0 8.952 0 13.429 10.871 5.115 13.429 0 0-8.952 0-13.429-8.314-3.197-10.871 0zM219.118 756.92s0 7.674 0 12.789 8.952 7.034 12.151 5.115c1.56-1.787 2.512-4.14 2.512-6.715s-0.952-4.928-2.522-6.727l0.010 0.012c-3.197-5.115-8.314-7.034-12.151-4.477z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["github"]},"attrs":[{}],"properties":{"order":222,"id":181,"name":"github","prevSize":80,"code":59829},"setIdx":0,"setId":1,"iconIdx":79},{"icon":{"paths":["M916.838 305.187c0 8.789 0 18.096 0 26.886 0.007 1.078 0.011 2.355 0.011 3.631 0 325.813-264.124 589.936-589.936 589.936-1.276 0-2.552-0.004-3.827-0.012l0.196 0.001c-0.51 0.001-1.114 0.002-1.717 0.002-118.435 0-228.719-34.901-321.128-94.979l2.284 1.392c17.062 0 33.091 0 51.704 0 0.002 0 0.005 0 0.007 0 97.98 0 188.092-33.688 259.382-90.114l-0.874 0.667c-91.316-0.843-168.422-60.74-195.032-143.307l-0.407-1.464c11.773 1.974 25.336 3.103 39.164 3.103 0.228 0 0.456 0 0.683-0.001h-0.035c19.516-0.144 38.393-2.587 56.462-7.070l-1.657 0.348c-95.075-19.916-165.451-103.058-165.451-202.636 0-0.015 0-0.030 0-0.046v0.002c27.158 15.264 59.356 24.854 93.652 26.353l0.448 0.016c-57.044-38.132-94.103-102.278-94.103-175.078 0-0.433 0.001-0.865 0.004-1.298v0.067c0.070-38.098 10.43-73.76 28.447-104.376l-0.527 0.968c103.206 126.555 255.913 209.348 428.158 218.642l1.498 0.064c-3.124-14.226-4.998-30.628-5.17-47.438l-0.001-0.128c-0.065-1.95-0.103-4.241-0.103-6.541 0-114.221 92.594-206.813 206.813-206.813 61.722 0 117.127 27.038 155.021 69.915l0.191 0.222c49.972-10.236 94.309-28.167 134.131-52.719l-1.769 1.015c-16.162 49.068-48.731 89.016-91.083 114.259l-0.949 0.523c44.586-4.928 85.337-16.248 123.076-33.095l-2.607 1.040c-28.94 41.915-63.161 77.617-102.256 107.223l-1.151 0.837z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["twitter"]},"attrs":[{}],"properties":{"order":221,"id":180,"name":"twitter","prevSize":80,"code":59830},"setIdx":0,"setId":1,"iconIdx":80},{"icon":{"paths":["M795.402 3.99c-18.498-7.266-39.637-3.303-54.171 10.57l-443.93 443.93v-408.918c0-27.085-22.461-49.546-49.546-49.546s-49.546 22.461-49.546 49.546v924.854c0 27.085 22.461 49.546 49.546 49.546s49.546-22.461 49.546-49.546v-408.918l443.93 443.93c9.248 9.248 22.461 14.534 35.012 14.534 6.607 0 12.552-1.321 19.157-3.964 18.498-7.927 30.389-25.764 30.389-45.582v-924.854c0-19.818-11.891-38.316-30.389-45.582zM726.699 854.857l-342.857-342.857 342.857-342.857v685.713z"],"attrs":[{}],"tags":["step-backward-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":211,"id":0,"name":"step-backward-alt","prevSize":80,"code":59820},"setIdx":0,"setId":1,"iconIdx":81},{"icon":{"paths":["M776.245 0.027c-27.085 0-49.546 22.461-49.546 49.546v408.918l-443.93-443.93c-13.873-13.873-35.673-18.498-54.171-10.57s-30.389 25.764-30.389 45.582v924.854c0 19.818 11.891 38.316 30.389 45.582 5.945 2.643 12.552 3.964 19.157 3.964 13.212 0 25.764-5.284 35.012-14.534l443.93-443.93v408.918c0 27.085 22.461 49.546 49.546 49.546s49.546-22.461 49.546-49.546v-924.854c0-27.085-22.461-49.546-49.546-49.546zM297.301 854.857v-685.713l342.857 342.857-342.857 342.857z"],"attrs":[{}],"tags":["step-forward-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":210,"id":1,"name":"step-forward-alt","prevSize":80,"code":59821},"setIdx":0,"setId":1,"iconIdx":82},{"icon":{"paths":["M1009.943 479.818l-437.090-409.59c-12.873-11.702-31.597-15.213-47.395-8.191s-26.331 22.82-26.331 40.374v366.875l-425.388-399.058c-12.873-11.702-31.597-15.213-47.395-8.191s-26.331 22.82-26.331 40.374v819.178c0 17.554 10.532 33.352 26.331 40.374 5.852 2.341 11.702 3.511 17.554 3.511 11.118 0 21.65-4.096 29.842-11.702l425.388-399.058v366.875c0 17.554 10.532 33.352 26.331 40.374 5.852 2.341 11.702 3.511 17.554 3.511 11.118 0 21.65-4.096 29.842-11.702l437.090-409.59c8.777-8.191 14.043-19.895 14.043-32.182s-5.266-23.99-14.043-32.182zM87.783 820.362v-616.725l328.842 308.362-328.842 308.362zM586.896 820.362v-616.725l328.842 308.362-328.842 308.362z"],"attrs":[{}],"tags":["forward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":259,"id":2,"name":"forward","prevSize":80,"code":59822},"setIdx":0,"setId":1,"iconIdx":83},{"icon":{"paths":["M997.655 62.036c-15.798-7.022-34.522-3.511-47.395 8.191l-425.388 399.058v-366.875c0-17.554-10.532-33.352-26.331-40.374s-34.522-3.511-47.395 8.191l-437.090 409.59c-8.777 8.191-14.043 19.895-14.043 32.182s5.266 23.99 14.043 32.182l437.090 409.59c8.191 7.607 19.309 11.702 29.842 11.702 5.852 0 11.702-1.17 17.554-3.511 15.798-7.022 26.331-22.82 26.331-40.374v-366.875l425.388 399.058c8.191 7.607 19.309 11.702 29.842 11.702 5.852 0 11.702-1.17 17.554-3.511 15.798-7.022 26.331-22.82 26.331-40.374v-819.178c0-17.554-10.532-33.352-26.331-40.374zM437.104 820.362l-328.842-308.362 328.842-308.362v616.725zM936.217 820.362l-328.842-308.362 328.842-308.362v616.725z"],"attrs":[{}],"tags":["backward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":254,"id":3,"name":"backward","prevSize":80,"code":59823},"setIdx":0,"setId":1,"iconIdx":84},{"icon":{"paths":["M997.071 62.036c-16.384-7.022-35.108-2.925-47.981 9.362l-393.206 393.206v-362.194c0-17.554-10.532-33.938-26.916-40.374-16.384-7.022-35.108-2.925-47.981 9.362l-393.206 393.206v-362.194c0-23.99-19.895-43.885-43.885-43.885s-43.885 19.895-43.885 43.885v819.178c0 23.99 19.895 43.885 43.885 43.885s43.885-19.895 43.885-43.885v-362.194l393.206 393.206c8.191 8.191 19.309 12.873 31.011 12.873 5.852 0 11.118-1.17 16.968-3.511 16.384-7.022 26.916-22.82 26.916-40.374v-362.194l393.206 393.206c8.191 8.191 19.309 12.873 31.011 12.873 5.852 0 11.118-1.17 16.968-3.511 16.384-7.022 26.916-22.82 26.916-40.374v-819.178c0-17.554-10.532-33.938-26.916-40.374zM468.115 815.681l-303.681-303.681 303.681-303.681v607.362zM936.217 815.681l-303.681-303.681 303.681-303.681v607.362z"],"attrs":[{}],"tags":["fast-backward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":207,"id":4,"name":"fast-backward","prevSize":80,"code":59824},"setIdx":0,"setId":1,"iconIdx":85},{"icon":{"paths":["M980.102 58.526c-23.99 0-43.885 19.895-43.885 43.885v362.194l-393.206-393.206c-12.288-12.288-31.597-16.384-47.981-9.362s-26.916 22.82-26.916 40.374v362.194l-393.206-393.206c-12.288-12.288-31.597-16.384-47.981-9.362s-26.916 22.82-26.916 40.374v819.178c0 17.554 10.532 33.938 26.916 40.374 5.266 2.341 11.118 3.511 16.968 3.511 11.702 0 22.82-4.681 31.011-12.873l393.206-393.206v362.194c0 17.554 10.532 33.938 26.916 40.374 5.266 2.341 11.118 3.511 16.968 3.511 11.702 0 22.82-4.681 31.011-12.873l393.206-393.206v362.194c0 23.99 19.895 43.885 43.885 43.885s43.885-19.895 43.885-43.885v-819.178c0-23.99-19.895-43.885-43.885-43.885zM87.783 815.681v-607.362l303.681 303.681-303.681 303.681zM555.885 815.681v-607.362l303.681 303.681-303.681 303.681z"],"attrs":[{}],"tags":["fast-forward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":206,"id":5,"name":"fast-forward","prevSize":80,"code":59825},"setIdx":0,"setId":1,"iconIdx":86},{"icon":{"paths":["M313.813 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z","M710.187 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"],"attrs":[{},{}],"tags":["pause"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":205,"id":6,"name":"pause","prevSize":80,"code":59826},"setIdx":0,"setId":1,"iconIdx":87},{"icon":{"paths":["M280.358 1024.923c-6.942-0.037-13.534-1.495-19.514-4.095l0.321 0.124c-18.014-7.505-30.445-24.968-30.445-45.335 0-0.116 0-0.233 0.002-0.349v0.019-926.568c1.044-26.589 22.852-47.75 49.602-47.75 12.752 0 24.381 4.809 33.173 12.712l-0.045-0.040 463.285 463.285c8.969 8.98 14.517 21.381 14.517 35.077s-5.547 26.097-14.517 35.078v0l-463.285 463.285c-8.576 8.44-20.14 13.868-32.964 14.555l-0.127 0.006zM329.996 168.508v686.985l343.492-343.492z"],"attrs":[{}],"tags":["play"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":204,"id":7,"name":"play","prevSize":80,"code":59827},"setIdx":0,"setId":1,"iconIdx":88},{"icon":{"paths":["M736.143 262.827l-277.617 113.777c-38.623 15.541-68.655 45.573-83.837 83.191l-0.359 1.004-113.777 277.617c-0.848 2.097-1.341 4.529-1.341 7.076 0 8.091 4.968 15.023 12.020 17.908l0.129 0.047c2.113 0.807 4.557 1.275 7.111 1.275s4.997-0.467 7.252-1.321l-0.141 0.047 277.617-113.777c38.623-15.541 68.655-45.573 83.837-83.191l0.359-1.004 113.777-277.617c0.848-2.097 1.341-4.529 1.341-7.076 0-8.091-4.968-15.023-12.020-17.908l-0.129-0.047c-2.113-0.807-4.557-1.275-7.111-1.275s-4.997 0.467-7.252 1.321l0.141-0.047zM512 568.889c-31.419 0-56.889-25.471-56.889-56.889s25.471-56.889 56.889-56.889c31.419 0 56.889 25.471 56.889 56.889v0c0 31.419-25.471 56.889-56.889 56.889v0z","M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"],"attrs":[{},{}],"tags":["compass"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":203,"id":8,"name":"compass","prevSize":80,"code":59819},"setIdx":0,"setId":1,"iconIdx":89},{"icon":{"paths":["M921.588 906.96h-819.175c-56.419-0.331-102.067-45.977-102.397-102.366v-585.157c0.331-56.419 45.977-102.067 102.366-102.397h819.207c56.419 0.331 102.067 45.977 102.397 102.366v585.157c-0.331 56.419-45.977 102.067-102.366 102.397h-0.032zM102.412 204.809c-8.079 0-14.629 6.55-14.629 14.629v0 585.126c0 8.079 6.55 14.629 14.629 14.629v0h819.175c8.079 0 14.629-6.55 14.629-14.629v0-585.126c0-8.079-6.55-14.629-14.629-14.629v0z","M336.462 497.371c-64.631 0-117.025-52.394-117.025-117.025s52.394-117.025 117.025-117.025c64.631 0 117.025 52.394 117.025 117.025v0c0 64.631-52.394 117.025-117.025 117.025v0zM336.462 351.091c-16.158 0-29.256 13.098-29.256 29.256s13.098 29.256 29.256 29.256c16.158 0 29.256-13.098 29.256-29.256v0c0-16.158-13.098-29.256-29.256-29.256v0z","M512 731.422c-24.105-0.325-43.559-19.78-43.884-43.853v-0.032c0-39.788-9.947-73.14-131.653-73.14s-131.653 33.352-131.653 73.14c0 24.237-19.648 43.884-43.884 43.884s-43.884-19.648-43.884-43.884v0c0-160.909 165.005-160.909 219.422-160.909s219.422 0 219.422 160.909c-0.325 24.105-19.78 43.559-43.853 43.884h-0.032z","M804.562 438.86h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M746.051 614.397h-117.025c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h117.025c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{},{},{}],"tags":["id-card"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{}],"properties":{"order":202,"id":9,"name":"id-card","prevSize":80,"code":59818},"setIdx":0,"setId":1,"iconIdx":90},{"icon":{"paths":["M921.588 906.96h-819.175c-56.419-0.331-102.067-45.977-102.397-102.366v-146.313c0.325-24.105 19.78-43.559 43.853-43.884h0.032c56.552 0 102.397-45.844 102.397-102.397s-45.844-102.397-102.397-102.397v0c-24.105-0.325-43.559-19.78-43.884-43.853v-146.313c0.331-56.419 45.977-102.067 102.366-102.397h819.207c56.419 0.331 102.067 45.977 102.397 102.366v146.313c-0.325 24.105-19.78 43.559-43.853 43.884h-0.032c-56.552 0-102.397 45.844-102.397 102.397s45.844 102.397 102.397 102.397v0c24.105 0.325 43.559 19.78 43.884 43.853v146.313c-0.331 56.419-45.977 102.067-102.366 102.397h-0.032zM87.785 696.9v107.664c0 8.079 6.55 14.629 14.629 14.629v0h819.175c8.079 0 14.629-6.55 14.629-14.629v0-107.664c-84.233-20.753-145.724-95.646-145.724-184.9s61.489-164.147 144.417-184.627l1.306-0.273v-107.664c0-8.079-6.55-14.629-14.629-14.629v0h-819.175c-8.079 0-14.629 6.55-14.629 14.629v0 107.664c84.233 20.753 145.724 95.646 145.724 184.9s-61.489 164.147-144.417 184.627l-1.306 0.273z"],"attrs":[{}],"tags":["ticket"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":201,"id":10,"name":"ticket","prevSize":80,"code":59817},"setIdx":0,"setId":1,"iconIdx":91},{"icon":{"paths":["M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z"],"attrs":[{}],"tags":["file-o","deprecate"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":200,"id":11,"name":"file-o","prevSize":80,"code":59816},"setIdx":0,"setId":1,"iconIdx":92},{"icon":{"paths":["M680.456 749.159c-0.386 0.011-0.839 0.017-1.294 0.017-27.363 0-49.546-22.183-49.546-49.546 0-13.679 5.543-26.064 14.506-35.029v0l258.959-256.978-258.959-256.978c-8.952-8.963-14.491-21.342-14.491-35.012s5.537-26.049 14.491-35.013v0c8.963-8.952 21.342-14.491 35.012-14.491s26.049 5.537 35.013 14.491v0l294.632 291.991c8.952 8.963 14.491 21.342 14.491 35.012s-5.537 26.049-14.491 35.013v0l-294.632 291.991c-8.452 8.957-20.405 14.534-33.659 14.534-0.011 0-0.023 0-0.034 0h0.002z","M49.571 957.913c-27.215-0.367-49.179-22.331-49.546-49.51v-500.779c0.367-27.215 22.331-49.179 49.51-49.546h924.892c27.363 0 49.546 22.183 49.546 49.546s-22.183 49.546-49.546 49.546v0h-875.31v451.197c-0.367 27.215-22.331 49.179-49.51 49.546h-0.036z"],"attrs":[{},{}],"tags":["reply"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":199,"id":12,"name":"reply","prevSize":80,"code":59815},"setIdx":0,"setId":1,"iconIdx":93},{"icon":{"paths":["M512 1023.972c-0.004 0-0.010 0-0.016 0-27.661 0-52.702-11.211-70.831-29.334l-411.791-411.791c-18.134-18.13-29.35-43.178-29.35-70.845s11.216-52.715 29.35-70.845l411.791-411.791c18.415-17.494 43.374-28.255 70.845-28.255s52.43 10.76 70.891 28.296l-0.044-0.042 411.791 411.791c18.134 18.13 29.35 43.178 29.35 70.845s-11.216 52.715-29.35 70.845l-411.791 411.791c-18.129 18.125-43.17 29.334-70.831 29.334-0.005 0-0.010 0-0.016 0h0.001zM512 83.051c-0.143-0.005-0.31-0.008-0.477-0.008-4.422 0-8.397 1.921-11.133 4.975l-0.013 0.014-412.345 412.345c-3.072 2.929-4.981 7.053-4.981 11.623s1.91 8.694 4.975 11.617l412.351 412.351c2.502 3.832 6.772 6.329 11.623 6.329s9.121-2.497 11.591-6.276l0.032-0.053 412.345-412.345c3.072-2.929 4.981-7.053 4.981-11.623s-1.91-8.694-4.975-11.617l-412.351-412.351c-2.749-3.068-6.722-4.989-11.146-4.989-0.167 0-0.335 0.003-0.502 0.008h0.025z","M441.707 645.942c-0.057 0-0.126 0-0.193 0-11.4 0-21.712-4.657-29.137-12.173l-121.77-121.77c-7.501-7.51-12.141-17.881-12.141-29.334s4.639-21.825 12.141-29.335v0l121.767-122.873c7.51-7.501 17.881-12.141 29.334-12.141s21.825 4.639 29.335 12.141v0c7.501 7.51 12.141 17.881 12.141 29.334s-4.639 21.825-12.141 29.335v0l-94.092 92.985 94.092 92.985c7.501 7.51 12.141 17.881 12.141 29.334s-4.639 21.825-12.141 29.335v0c-7.429 7.52-17.741 12.177-29.141 12.177-0.067 0-0.136 0-0.204 0h0.010z","M705.718 678.045c-22.801-0.307-41.204-18.71-41.511-41.481v-110.726h-345.927c-22.926 0-41.511-18.585-41.511-41.511s18.585-41.511 41.511-41.511v0h387.438c22.801 0.307 41.204 18.71 41.511 41.481v154.451c-1.483 21.852-19.449 39.046-41.487 39.297h-0.025z"],"attrs":[{},{},{}],"tags":["directions-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":195,"id":13,"name":"directions-alt","prevSize":80,"code":59813},"setIdx":0,"setId":1,"iconIdx":94},{"icon":{"paths":["M512 1023.972c-0.004 0-0.010 0-0.016 0-27.661 0-52.702-11.211-70.831-29.334l-411.791-411.791c-18.134-18.13-29.35-43.178-29.35-70.845s11.216-52.715 29.35-70.845l411.791-411.791c18.415-17.494 43.374-28.255 70.845-28.255s52.43 10.76 70.891 28.296l-0.044-0.042 411.791 411.791c18.134 18.13 29.35 43.178 29.35 70.845s-11.216 52.715-29.35 70.845l-411.791 411.791c-18.129 18.125-43.17 29.334-70.831 29.334-0.005 0-0.010 0-0.016 0h0.001zM512 83.051c-0.143-0.005-0.31-0.008-0.477-0.008-4.422 0-8.397 1.921-11.133 4.975l-0.013 0.014-412.345 412.345c-3.072 2.929-4.981 7.053-4.981 11.623s1.91 8.694 4.975 11.617l412.351 412.351c2.502 3.832 6.772 6.329 11.623 6.329s9.121-2.497 11.591-6.276l0.032-0.053 412.345-412.345c3.072-2.929 4.981-7.053 4.981-11.623s-1.91-8.694-4.975-11.617l-412.351-412.351c-2.749-3.068-6.722-4.989-11.146-4.989-0.167 0-0.335 0.003-0.502 0.008h0.025z","M582.293 645.942c-0.057 0-0.126 0-0.193 0-11.4 0-21.712-4.657-29.137-12.173l-0.004-0.004c-7.501-7.51-12.141-17.881-12.141-29.334s4.639-21.825 12.141-29.335v0l94.092-92.985-94.092-92.985c-8.139-7.599-13.212-18.392-13.212-30.371 0-22.926 18.585-41.511 41.511-41.511 11.979 0 22.771 5.073 30.347 13.188l0.022 0.025 121.767 122.319c7.668 7.537 12.42 18.020 12.42 29.612s-4.752 22.075-12.413 29.605l-0.006 0.005-121.767 121.767c-7.429 7.52-17.741 12.177-29.141 12.177-0.067 0-0.136 0-0.204 0h0.010z","M318.282 678.045c-22.801-0.307-41.204-18.71-41.511-41.481v-154.451c0.307-22.801 18.71-41.204 41.481-41.511h387.468c22.926 0 41.511 18.585 41.511 41.511s-18.585 41.511-41.511 41.511v0h-345.927v110.696c0.021 0.497 0.032 1.078 0.032 1.663 0 23.049-18.537 41.768-41.516 42.061h-0.027z"],"attrs":[{},{},{}],"tags":["directions"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":196,"id":14,"name":"directions","prevSize":80,"code":59814},"setIdx":0,"setId":1,"iconIdx":95},{"icon":{"paths":["M992.966 368.647c-25.16-29.841-61.437-46.809-100.641-46.809h-235.803v-160.907c0-88.937-71.969-160.907-165.589-160.907-40.959 0-77.821 24.575-94.203 62.607l-148.619 346.974h-109.417c-76.65 0-138.673 62.023-138.673 138.673v337.613c0 76.066 62.607 138.087 138.673 138.087h676.396c63.778 0 118.194-45.639 129.31-108.832l77.235-438.838c6.436-38.618-4.096-77.821-29.255-107.662zM138.696 936.209c-28.086 0-50.905-22.82-50.905-50.32v-337.613c0-28.086 22.82-50.905 50.905-50.905h94.203v438.838h-94.203zM858.39 899.933c-3.511 21.064-21.65 36.277-43.298 36.277h-493.839v-473.945l156.226-365.699c2.341-5.266 7.607-9.362 18.723-9.362 40.373 0 72.555 32.766 72.555 73.139v248.674h323.57c13.457 0 25.16 5.266 33.352 15.213s11.702 22.82 9.362 36.277l-77.235 438.838z"],"attrs":[{}],"tags":["thumbs-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":191,"id":15,"name":"thumbs-up","prevSize":80,"code":59811},"setIdx":0,"setId":1,"iconIdx":96},{"icon":{"paths":["M885.271 0.068h-676.92c-63.773 0-118.184 45.635-129.299 108.822l-76.643 438.799c-6.435 38.614 4.096 77.814 28.669 107.652 25.158 29.838 61.432 46.805 100.632 46.805h235.782v160.892c0 88.929 71.963 160.892 165.574 160.892 40.955 0 77.814-24.573 94.195-62.602l148.606-346.943h109.992c76.643 0 138.66-62.017 138.66-138.66v-337.583c0-76.059-62.017-138.075-138.66-138.075zM702.731 561.731l-156.212 365.666c-2.341 5.266-7.606 9.361-18.722 9.361-40.369 0-72.549-32.763-72.549-73.133v-248.652h-323.541c-13.456 0-25.158-5.266-33.349-15.211-8.776-9.946-11.701-22.818-9.361-36.274l76.643-438.799c3.51-21.062 21.648-36.274 43.294-36.274h493.795v473.317zM936.172 475.726c0 28.083-22.818 50.901-50.901 50.901h-94.195v-438.799h94.195c28.083 0 50.901 22.818 50.901 50.315v337.583z"],"attrs":[{}],"tags":["thumbs-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":258,"id":16,"name":"thumbs-down","prevSize":80,"code":59812},"setIdx":0,"setId":1,"iconIdx":97},{"icon":{"paths":["M272.871 1023.949c-0.183 0.003-0.398 0.003-0.613 0.003-13.694 0-26.089-5.555-35.058-14.536v0l-165.145-167.127c-8.952-8.963-14.49-21.341-14.49-35.010s5.536-26.047 14.49-35.012v0c9.138-8.837 21.604-14.282 35.341-14.282s26.202 5.445 35.355 14.296l132.101 132.101 132.115-132.115c9.138-8.837 21.604-14.282 35.341-14.282s26.202 5.445 35.355 14.296l-0.014-0.014c8.952 8.963 14.49 21.341 14.49 35.010s-5.536 26.047-14.49 35.012v0l-165.145 165.145c-9.003 10.201-22.109 16.602-36.709 16.602-1.030 0-2.051-0.033-3.065-0.094l0.139 0.006z","M272.871 1023.949c-0.002 0-0.003 0-0.005 0-27.495 0-49.827-22.103-50.2-49.508v-924.845c0.373-27.441 22.705-49.543 50.2-49.543 0.002 0 0.003 0 0.005 0v0c27.077 0.373 48.882 22.409 48.882 49.539 0 0.002 0 0.003 0 0.005v0 924.81c0 0.002 0 0.003 0 0.005 0 27.13-21.807 49.167-48.848 49.539h-0.036z","M850.216 990.919c-27.077-0.373-48.882-22.409-48.882-49.539 0-0.002 0-0.003 0-0.005v0-268.195l-25.763 14.533c-6.952 3.915-15.262 6.222-24.111 6.222-27.515 0-49.821-22.305-49.821-49.821 0-18.667 10.266-34.936 25.459-43.468l0.251-0.13 43.598-23.781c12.816-9.446 28.919-15.117 46.348-15.117 12.457 0 24.238 2.898 34.704 8.055l-0.461-0.206c29.13 13.962 48.887 43.216 48.887 77.083 0 0.303-0.002 0.608-0.005 0.91v-0.046 293.958c-0.373 27.441-22.705 49.543-50.2 49.543-0.002 0-0.003 0-0.005 0v0z","M817.187 330.341c-81.802-0.375-147.969-66.775-147.969-148.629 0-82.086 66.545-148.63 148.63-148.63s148.629 66.543 148.63 148.629v0c0.002 0.198 0.002 0.432 0.002 0.666 0 81.722-66.249 147.969-147.969 147.969-0.464 0-0.929-0.002-1.393-0.006h0.071zM817.187 132.168c-27.362 0-49.543 22.182-49.543 49.543s22.182 49.543 49.543 49.543v0c27.362 0 49.543-22.182 49.543-49.543s-22.182-49.543-49.543-49.543v0z","M783.498 462.457h-32.369c-27.362 0-49.543-22.182-49.543-49.543s22.182-49.543 49.543-49.543v0h32.369c43.854-0.949 79.426-35.145 82.556-78.334l0.015-0.274c0-19.156 0-42.278 0-70.022v-33.028c0-0.002 0-0.003 0-0.005 0-27.13 21.807-49.167 48.848-49.539h0.036c0.002 0 0.003 0 0.005 0 27.495 0 49.827 22.103 50.2 49.508v33.064c0 29.726 0 54.168 0 75.306-6.052 95.91-84.883 171.519-181.572 172.411h-0.088z"],"attrs":[{},{},{},{},{}],"tags":["sort-numeric-down-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{}],"properties":{"order":255,"id":17,"name":"sort-numeric-down-alt","prevSize":80,"code":59798},"setIdx":0,"setId":1,"iconIdx":98},{"icon":{"paths":["M438.010 264.266c-14.187-0.375-26.837-6.658-35.632-16.47l-0.042-0.046-132.124-132.124-132.124 132.124c-8.829 7.573-20.392 12.184-33.031 12.184s-24.204-4.609-33.099-12.241l0.068 0.057c-7.83-8.725-12.617-20.319-12.617-33.031s4.787-24.306 12.658-33.077l-0.040 0.046 165.156-165.156c9.138-8.838 21.605-14.283 35.344-14.283s26.204 5.445 35.358 14.297l165.142 165.142c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0c-8.632 7.819-20.139 12.603-32.763 12.603-0.791 0-1.578-0.019-2.36-0.056l0.11 0.005z","M272.855 1023.983c-0.002 0-0.003 0-0.005 0-27.497 0-49.83-22.104-50.203-49.511v-924.907c0.373-27.443 22.706-49.547 50.203-49.547 0.002 0 0.003 0 0.005 0v0c27.079 0.373 48.886 22.411 48.886 49.542 0 0.002 0 0.003 0 0.005v0 924.872c0 0.002 0 0.003 0 0.005 0 27.131-21.808 49.17-48.852 49.542h-0.036z","M850.238 990.951c-27.079-0.373-48.886-22.411-48.886-49.542 0-0.002 0-0.003 0-0.005v0-268.213l-25.764 14.534c-6.952 3.916-15.263 6.223-24.112 6.223-27.517 0-49.824-22.307-49.824-49.824 0-18.668 10.267-34.938 25.461-43.471l0.251-0.13 43.601-23.782c12.817-9.446 28.921-15.118 46.351-15.118 12.458 0 24.239 2.898 34.706 8.056l-0.461-0.206c29.132 13.963 48.89 43.219 48.89 77.089 0 0.303-0.002 0.608-0.005 0.91v-0.046 293.978c-0.373 27.443-22.706 49.547-50.203 49.547-0.002 0-0.003 0-0.005 0v0z","M817.208 330.329c-81.808-0.375-147.979-66.78-147.979-148.639 0-82.091 66.549-148.64 148.64-148.64s148.639 66.547 148.64 148.639v0c0.002 0.198 0.002 0.432 0.002 0.666 0 81.727-66.253 147.979-147.979 147.979-0.465 0-0.929-0.002-1.394-0.006h0.071zM817.208 132.142c-27.364 0-49.547 22.183-49.547 49.547s22.183 49.547 49.547 49.547v0c27.364 0 49.547-22.183 49.547-49.547s-22.183-49.547-49.547-49.547v0z","M783.516 462.453h-32.371c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h32.371c43.857-0.949 79.431-35.147 82.562-78.34l0.015-0.274c0-19.158 0-42.28 0-70.027v-33.031c0-0.002 0-0.003 0-0.005 0-27.131 21.808-49.17 48.852-49.542h0.036c0.002 0 0.003 0 0.005 0 27.497 0 49.83 22.104 50.203 49.511v33.066c0 29.728 0 54.172 0 75.311-6.052 95.916-84.889 171.531-181.584 172.423h-0.088z"],"attrs":[{},{},{},{},{}],"tags":["sort-numeric-up-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{}],"properties":{"order":182,"id":18,"name":"sort-numeric-up-alt","prevSize":80,"code":59799},"setIdx":0,"setId":1,"iconIdx":99},{"icon":{"paths":["M394.416 774.25l-80.59 80.59v-805.246c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v805.246l-80.59-80.59c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l165.145 165.145c4.625 4.625 9.909 7.927 15.854 10.57s12.552 3.963 19.156 3.963 12.552-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.854-10.57l165.145-165.145c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0z","M971.763 924.862l-112.959-316.417c-11.229-28.405-36.992-46.901-66.058-46.901s-54.828 18.497-66.058 48.223l-112.298 315.096c-9.248 25.763 3.963 54.168 29.726 63.416s54.168-3.963 63.416-29.726l18.497-51.525h134.097l18.497 51.525c7.266 20.478 26.424 33.028 46.901 33.028 5.284 0 11.229-0.661 16.515-2.643 25.763-9.248 38.974-37.653 29.726-63.416zM761.038 807.94l31.708-88.517 31.708 88.517h-63.416z","M632.886 415.556c12.552 29.065 38.974 46.901 69.361 46.901h206.762c27.083 0 49.543-22.46 49.543-49.543s-22.46-49.543-49.543-49.543h-157.878l186.283-193.549c22.46-23.781 29.065-58.791 15.854-89.178-12.552-29.065-38.974-46.901-69.361-46.901h-205.44c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543h157.878l-186.944 194.871c-22.46 23.781-28.405 58.131-15.854 88.517z"],"attrs":[{},{},{}],"tags":["sort-alpha-down-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":183,"id":19,"name":"sort-alpha-down-alt","prevSize":80,"code":59800},"setIdx":0,"setId":1,"iconIdx":100},{"icon":{"paths":["M299.293 14.584c-4.625-4.625-9.909-7.927-15.854-10.57-11.89-5.284-25.763-5.284-37.653 0-5.945 2.643-11.229 5.945-15.854 10.57l-165.145 165.145c-19.156 19.156-19.156 50.864 0 70.022s50.864 19.156 70.022 0l80.59-80.59v805.246c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-805.246l80.59 80.59c9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533c19.156-19.156 19.156-50.864 0-70.022l-165.145-165.145z","M971.763 924.862l-112.959-316.417c-11.229-28.405-36.992-46.901-66.058-46.901s-54.828 18.497-66.058 48.223l-112.298 315.096c-9.248 25.763 3.963 54.168 29.726 63.416s54.168-3.963 63.416-29.726l18.497-51.525h134.097l18.497 51.525c7.266 20.478 26.424 33.028 46.901 33.028 5.284 0 11.229-0.661 16.515-2.643 25.763-9.248 38.974-37.653 29.726-63.416zM761.038 807.94l31.708-88.517 31.708 88.517h-63.416z","M632.886 415.556c12.552 29.065 38.974 46.901 69.361 46.901h206.762c27.083 0 49.543-22.46 49.543-49.543s-22.46-49.543-49.543-49.543h-157.878l186.283-193.549c22.46-23.781 29.065-58.791 15.854-89.178-12.552-29.065-38.974-46.901-69.361-46.901h-205.44c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543h157.878l-186.944 194.871c-22.46 23.781-28.405 58.131-15.854 88.517z"],"attrs":[{},{},{}],"tags":["sort-alpha-up-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":184,"id":20,"name":"sort-alpha-up-alt","prevSize":80,"code":59801},"setIdx":0,"setId":1,"iconIdx":101},{"icon":{"paths":["M272.871 1023.949c-0.183 0.003-0.398 0.003-0.613 0.003-13.694 0-26.089-5.555-35.058-14.536v0l-165.145-167.127c-8.952-8.963-14.49-21.341-14.49-35.010s5.536-26.047 14.49-35.012v0c9.138-8.837 21.604-14.282 35.341-14.282s26.202 5.445 35.355 14.296l132.101 132.101 132.115-132.115c9.138-8.837 21.604-14.282 35.341-14.282s26.202 5.445 35.355 14.296l-0.014-0.014c8.952 8.963 14.49 21.341 14.49 35.010s-5.536 26.047-14.49 35.012v0l-165.145 165.145c-9.003 10.201-22.109 16.602-36.709 16.602-1.030 0-2.051-0.033-3.065-0.094l0.139 0.006z","M272.871 1023.949c-0.002 0-0.003 0-0.005 0-27.495 0-49.827-22.103-50.2-49.508v-924.845c0.373-27.441 22.705-49.543 50.2-49.543 0.002 0 0.003 0 0.005 0v0c27.077 0.373 48.882 22.409 48.882 49.539 0 0.002 0 0.003 0 0.005v0 924.81c0 0.002 0 0.003 0 0.005 0 27.13-21.807 49.167-48.848 49.539h-0.036z","M850.216 462.457c-27.077-0.373-48.882-22.409-48.882-49.539 0-0.002 0-0.003 0-0.005v0-268.195l-25.101 14.533c-6.952 3.915-15.262 6.222-24.111 6.222-27.515 0-49.821-22.305-49.821-49.821 0-18.667 10.266-34.936 25.459-43.468l0.251-0.13 42.937-22.46c12.816-9.446 28.919-15.117 46.348-15.117 12.457 0 24.238 2.898 34.704 8.055l-0.461-0.206c29.13 13.962 48.887 43.216 48.887 77.083 0 0.303-0.002 0.608-0.005 0.91v-0.046 292.636c-0.373 27.441-22.705 49.543-50.2 49.543-0.002 0-0.003 0-0.005 0v0z","M817.187 858.804c-81.802-0.375-147.969-66.775-147.969-148.629 0-82.086 66.545-148.63 148.63-148.63s148.629 66.543 148.63 148.629v0c0.002 0.198 0.002 0.432 0.002 0.666 0 81.722-66.249 147.969-147.969 147.969-0.464 0-0.929-0.002-1.393-0.006h0.071zM817.187 660.63c-27.362 0-49.543 22.182-49.543 49.543s22.182 49.543 49.543 49.543v0c27.362 0 49.543-22.182 49.543-49.543s-22.182-49.543-49.543-49.543v0z","M783.498 990.919h-32.369c-27.362 0-49.543-22.182-49.543-49.543s22.182-49.543 49.543-49.543v0h32.369c43.854-0.949 79.426-35.145 82.556-78.334l0.015-0.274c0-19.156 0-42.278 0-70.022v-33.028c0-0.002 0-0.003 0-0.005 0-27.13 21.807-49.167 48.848-49.539h0.036c0.002 0 0.003 0 0.005 0 27.495 0 49.827 22.103 50.2 49.508v33.064c0 29.726 0 54.168 0 75.306-6.373 95.766-85.015 171.188-181.539 172.409l-0.121 0.002z"],"attrs":[{},{},{},{},{}],"tags":["sort-numeric-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{}],"properties":{"order":185,"id":21,"name":"sort-numeric-down","prevSize":80,"code":59802},"setIdx":0,"setId":1,"iconIdx":102},{"icon":{"paths":["M429.424 264.27c-12.552 0-25.103-4.625-35.012-14.534l-130.14-130.14-130.14 130.14c-19.157 19.157-50.867 19.157-70.025 0s-19.157-50.867 0-70.025l165.154-165.154c19.157-19.157 50.867-19.157 70.025 0l165.154 165.154c19.157 19.157 19.157 50.867 0 70.025-9.909 9.909-22.461 14.534-35.012 14.534z","M264.27 1023.975c-27.085 0-49.546-22.461-49.546-49.546v-924.856c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v924.856c0 27.085-22.461 49.546-49.546 49.546z","M842.306 462.454c-27.085 0-49.546-22.461-49.546-49.546v-268.209l-25.764 13.873c-24.443 13.212-54.171 4.625-67.382-19.157s-4.625-54.171 19.157-67.382l42.939-23.782c23.782-17.175 54.171-19.818 80.594-7.927 29.728 13.873 48.885 44.262 48.885 78.612v293.973c0 27.085-22.461 49.546-49.546 49.546z","M809.275 858.821c-81.916 0-148.638-66.721-148.638-148.638s66.721-148.638 148.638-148.638 148.638 66.721 148.638 148.638-66.721 148.638-148.638 148.638zM809.275 660.638c-27.085 0-49.546 22.461-49.546 49.546s22.461 49.546 49.546 49.546 49.546-22.461 49.546-49.546-22.461-49.546-49.546-49.546z","M774.923 990.943h-31.709c-27.085 0-49.546-22.461-49.546-49.546s22.461-49.546 49.546-49.546h31.709c42.939 0 80.594-35.673 82.576-78.612 0.661-19.157 0.661-42.28 0.661-70.025v-33.030c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v33.030c0 29.728 0 54.171-1.321 75.31-4.625 95.128-86.54 172.42-181.668 172.42z"],"attrs":[{},{},{},{},{}],"tags":["sort-numeric-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{}],"properties":{"order":186,"id":22,"name":"sort-numeric-up","prevSize":80,"code":59803},"setIdx":0,"setId":1,"iconIdx":103},{"icon":{"paths":["M394.416 774.25l-80.59 80.59v-805.246c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v805.246l-80.59-80.59c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l165.145 165.145c4.625 4.625 9.909 7.927 15.854 10.57s12.552 3.963 19.156 3.963 13.211-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.854-10.57l165.145-165.145c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0z","M644.115 459.814c25.763 9.248 54.168-3.963 63.416-29.726l18.497-51.525h134.097l18.497 51.525c7.266 20.478 26.424 33.028 46.901 33.028 5.284 0 11.229-0.661 16.515-2.643 25.763-9.248 38.974-37.653 29.726-63.416l-112.959-316.417c-11.229-28.405-36.992-46.901-66.058-46.901s-54.828 18.497-66.058 48.223l-112.298 315.096c-9.248 25.763 3.963 54.168 29.726 63.416zM824.453 279.476h-63.416l31.708-88.517 31.708 88.517z","M952.607 608.444c-12.552-29.065-38.974-46.901-69.361-46.901h-205.44c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543h157.878l-186.944 194.871c-22.46 23.781-28.405 58.131-15.854 88.517 12.552 29.065 38.974 46.901 69.361 46.901h206.762c27.083 0 49.543-22.46 49.543-49.543s-22.46-49.543-49.543-49.543h-157.878l186.283-193.549c22.46-23.781 29.065-58.791 15.854-89.178z"],"attrs":[{},{},{}],"tags":["sort-alpha-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":187,"id":23,"name":"sort-alpha-down","prevSize":80,"code":59804},"setIdx":0,"setId":1,"iconIdx":104},{"icon":{"paths":["M299.293 14.584c-4.625-4.625-9.909-7.927-15.854-10.57-11.89-5.284-25.763-5.284-37.653 0-5.945 2.643-11.229 5.945-15.854 10.57l-165.145 165.145c-19.156 19.156-19.156 50.864 0 70.022s50.864 19.156 70.022 0l80.59-80.59v805.246c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-805.246l80.59 80.59c9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533c19.156-19.156 19.156-50.864 0-70.022l-165.145-165.145z","M644.115 459.814c25.763 9.248 54.168-3.963 63.416-29.726l18.497-51.525h134.097l18.497 51.525c7.266 20.478 26.424 33.028 46.901 33.028 5.284 0 11.229-0.661 16.515-2.643 25.763-9.248 38.974-37.653 29.726-63.416l-112.959-316.417c-11.229-28.405-36.992-46.901-66.058-46.901s-54.828 18.497-66.058 48.223l-112.298 315.096c-9.248 25.763 3.963 54.168 29.726 63.416zM824.453 279.476h-63.416l31.708-88.517 31.708 88.517z","M952.607 608.444c-12.552-29.065-38.974-46.901-69.361-46.901h-205.44c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543h157.878l-186.944 194.871c-22.46 23.781-28.405 58.131-15.854 88.517 12.552 29.065 38.974 46.901 69.361 46.901h206.762c27.083 0 49.543-22.46 49.543-49.543s-22.46-49.543-49.543-49.543h-157.878l186.283-193.549c22.46-23.781 29.065-58.791 15.854-89.178z"],"attrs":[{},{},{}],"tags":["sort-alpha-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":188,"id":24,"name":"sort-alpha-up","prevSize":80,"code":59805},"setIdx":0,"setId":1,"iconIdx":105},{"icon":{"paths":["M412.908 264.27c-12.552 0-25.103-4.625-35.012-14.534l-130.14-130.14-130.14 130.14c-19.157 19.157-50.867 19.157-70.025 0s-19.157-50.867 0-70.025l165.154-165.154c19.157-19.157 50.867-19.157 70.025 0l165.154 165.154c19.157 19.157 19.157 50.867 0 70.025-9.909 9.909-22.461 14.534-35.012 14.534z","M247.755 1023.975c-27.085 0-49.546-22.461-49.546-49.546v-924.856c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v924.856c0 27.085-22.461 49.546-49.546 49.546z","M776.245 1023.975c-12.552 0-25.103-4.625-35.012-14.534l-165.154-165.154c-19.157-19.157-19.157-50.867 0-70.025s50.867-19.157 70.025 0l130.14 130.14 130.14-130.14c19.157-19.157 50.867-19.157 70.025 0s19.157 50.867 0 70.025l-165.154 165.154c-9.909 9.909-22.461 14.534-35.012 14.534z","M776.245 1023.975c-27.085 0-49.546-22.461-49.546-49.546v-924.856c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v924.856c0 27.085-22.461 49.546-49.546 49.546z"],"attrs":[{},{},{},{}],"tags":["sort-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":189,"id":25,"name":"sort-alt","prevSize":80,"code":59806},"setIdx":0,"setId":1,"iconIdx":106},{"icon":{"paths":["M336.438 292.547c-11.119 0-22.237-4.097-31.016-12.875l-115.285-115.285-115.285 115.285c-16.971 16.971-45.061 16.971-62.032 0s-16.971-45.061 0-62.032l146.302-146.302c16.971-16.971 45.061-16.971 62.032 0l146.302 146.302c16.971 16.971 16.971 45.061 0 62.032-8.778 8.778-19.898 12.875-31.016 12.875z","M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z","M980.166 292.547h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M746.084 643.672h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M629.041 819.234h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M863.125 468.109h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"],"attrs":[{},{},{},{},{},{}],"tags":["sort-amount-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":190,"id":26,"name":"sort-amount-up","prevSize":80,"code":59807},"setIdx":0,"setId":1,"iconIdx":107},{"icon":{"paths":["M190.135 965.536c-11.119 0-22.237-4.097-31.016-12.875l-146.302-146.302c-16.971-16.971-16.971-45.061 0-62.032s45.061-16.971 62.032 0l115.285 115.285 115.285-115.285c16.971-16.971 45.061-16.971 62.032 0s16.971 45.061 0 62.032l-146.302 146.302c-8.778 8.778-19.898 12.875-31.016 12.875z","M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z","M980.166 292.547h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M746.084 643.672h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M629.041 819.234h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M863.125 468.109h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"],"attrs":[{},{},{},{},{},{}],"tags":["sort-amount-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":180,"id":27,"name":"sort-amount-down","prevSize":80,"code":59808},"setIdx":0,"setId":1,"iconIdx":108},{"icon":{"paths":["M190.135 965.536c-11.119 0-22.237-4.097-31.016-12.875l-146.302-146.302c-16.971-16.971-16.971-45.061 0-62.032s45.061-16.971 62.032 0l115.285 115.285 115.285-115.285c16.971-16.971 45.061-16.971 62.032 0s16.971 45.061 0 62.032l-146.302 146.302c-8.778 8.778-19.898 12.875-31.016 12.875z","M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z","M980.166 819.234h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M746.084 468.109h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M629.041 292.547h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M863.125 643.672h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"],"attrs":[{},{},{},{},{},{}],"tags":["sort-amount-down-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":179,"id":28,"name":"sort-amount-down-alt","prevSize":80,"code":59809},"setIdx":0,"setId":1,"iconIdx":109},{"icon":{"paths":["M336.438 292.547c-11.119 0-22.237-4.097-31.016-12.875l-115.285-115.285-115.285 115.285c-16.971 16.971-45.061 16.971-62.032 0s-16.971-45.061 0-62.032l146.302-146.302c16.971-16.971 45.061-16.971 62.032 0l146.302 146.302c16.971 16.971 16.971 45.061 0 62.032-8.778 8.778-19.898 12.875-31.016 12.875z","M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z","M980.166 819.234h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M746.084 468.109h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M629.041 292.547h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z","M863.125 643.672h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"],"attrs":[{},{},{},{},{},{}],"tags":["sort-amount-up-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":178,"id":29,"name":"sort-amount-up-alt","prevSize":80,"code":59810},"setIdx":0,"setId":1,"iconIdx":110},{"icon":{"paths":["M516.624 0.063s-4.624 0-7.266 0c-250.354 0-468.339 184.297-507.973 432.008-5.284 33.028 3.963 67.377 26.423 93.139 21.799 25.762 52.844 40.295 85.874 40.295h3.963c114.938 0 201.471 28.405 256.958 83.892 56.148 56.148 83.892 144.002 83.231 260.922 0 33.028 14.533 64.075 39.634 85.874 21.137 18.496 48.222 28.405 75.304 27.744 5.945 0 11.89 0 17.835-1.321 250.354-40.295 435.971-261.583 432.669-515.239-3.963-275.455-231.196-503.349-507.312-507.312zM575.414 924.852c-3.963 0-9.247-0.661-13.211-3.963-1.982-1.982-5.284-5.284-5.284-9.908 0.661-144.663-36.991-256.299-112.295-331.603-74.643-74.643-184.958-112.956-326.978-112.956h-3.963c-5.284 0-8.588-3.302-10.57-5.284-1.321-1.982-5.284-6.606-3.963-13.211 32.368-199.489 208.077-348.777 410.209-348.777 1.982 0 3.963 0 5.945 0v0c218.647 3.302 406.246 190.242 409.548 409.548 2.643 204.775-147.306 383.786-348.777 416.154zM375.925 315.152c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM575.414 231.921c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM642.13 315.152c0-36.331 29.725-66.716 66.716-66.716s66.716 29.725 66.716 66.716-29.725 66.716-66.716 66.716-66.716-29.725-66.716-66.716zM858.134 514.643c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM774.903 714.132c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716z"],"attrs":[{}],"tags":["palette"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":257,"id":30,"name":"palette","prevSize":80,"code":59797},"setIdx":0,"setId":1,"iconIdx":111},{"icon":{"paths":["M512 1023.452c-233.911-0.333-423.443-189.864-423.774-423.743v-0.032c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c0 185.621 150.475 336.097 336.097 336.097s336.097-150.475 336.097-336.097c0-185.621-150.475-336.097-336.097-336.097v0h-146.13c-24.211 0-43.839-19.627-43.839-43.839s19.627-43.839 43.839-43.839v0h146.13c234.044 0 423.774 189.73 423.774 423.774s-189.73 423.774-423.774 423.774v0z","M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-175.359-175.359c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l175.355-175.355c8.025-8.595 19.423-13.953 32.074-13.953 24.211 0 43.839 19.627 43.839 43.839 0 12.65-5.358 24.048-13.927 32.049l-0.026 0.023-144.376 144.376 144.376 144.376c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"],"attrs":[{},{}],"tags":["undo"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":256,"id":31,"name":"undo","prevSize":80,"code":59796},"setIdx":0,"setId":1,"iconIdx":112},{"icon":{"paths":["M921.582 789.931h-819.163c-56.418-0.33-102.065-45.976-102.396-102.364v-585.149c0.33-56.418 45.976-102.065 102.364-102.396h819.194c56.418 0.33 102.065 45.976 102.396 102.364v585.149c-0.33 56.418-45.976 102.065-102.364 102.396h-0.032zM102.418 87.791c-8.079 0-14.628 6.55-14.628 14.628v0 585.117c0 8.079 6.55 14.628 14.628 14.628v0h819.163c8.079 0 14.628-6.55 14.628-14.628v0-585.117c0-8.079-6.55-14.628-14.628-14.628v0z","M687.535 1023.977h-175.535c-24.105-0.325-43.559-19.779-43.884-43.852v-234.079c0-24.236 19.648-43.884 43.884-43.884s43.884 19.648 43.884 43.884v0 190.163h131.651c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M512 1023.977h-175.535c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.535c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{}],"tags":["desktop"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":175,"id":32,"name":"desktop","prevSize":80,"code":59795},"setIdx":0,"setId":1,"iconIdx":113},{"icon":{"paths":["M809.27 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-462.457c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 462.421c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M809.27 429.425c-27.214-0.367-49.178-22.331-49.545-49.509v-330.335c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 330.3c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M908.36 429.425h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M214.73 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-462.457c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 462.421c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M214.73 429.425c-27.214-0.367-49.178-22.331-49.545-49.509v-330.335c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 330.3c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M313.82 429.425h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M512 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M512 693.665c-27.214-0.367-49.178-22.331-49.545-49.509v-594.576c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 594.541c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M611.090 693.665h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z"],"attrs":[{},{},{},{},{},{},{},{},{}],"tags":["sliders-v"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{},{},{},{}],"properties":{"order":174,"id":33,"name":"sliders-v","prevSize":80,"code":59793},"setIdx":0,"setId":1,"iconIdx":114},{"icon":{"paths":["M974.421 264.275h-462.421c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h462.421c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M379.88 264.275h-330.3c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h330.3c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M379.88 363.365c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M974.421 858.815h-462.421c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h462.421c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M379.88 858.815h-330.3c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h330.3c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M379.88 957.906c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z","M974.421 561.545h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M644.12 561.545h-594.541c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h594.541c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z","M644.12 660.635c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z"],"attrs":[{},{},{},{},{},{},{},{},{}],"tags":["sliders-h"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{},{},{},{}],"properties":{"order":173,"id":34,"name":"sliders-h","prevSize":80,"code":59794},"setIdx":0,"setId":1,"iconIdx":115},{"icon":{"paths":["M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c0 243.195-197.149 440.344-440.344 440.344v0zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z","M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z","M438.902 628.957c-24.091-0.325-43.534-19.768-43.859-43.827v-292.424c0-24.222 19.636-43.859 43.859-43.859s43.859 19.636 43.859 43.859v0 292.393c-0.325 24.091-19.768 43.534-43.827 43.859h-0.032z","M585.098 482.761h-292.393c-24.222 0-43.859-19.636-43.859-43.859s19.636-43.859 43.859-43.859v0h292.393c24.222 0 43.859 19.636 43.859 43.859s-19.636 43.859-43.859 43.859v0z"],"attrs":[{},{},{},{}],"tags":["search-plus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":172,"id":35,"name":"search-plus","prevSize":80,"code":59791},"setIdx":0,"setId":1,"iconIdx":116},{"icon":{"paths":["M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c-0.332 243.061-197.282 440.011-440.311 440.344h-0.033zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z","M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z","M585.098 482.761h-292.393c-24.222 0-43.859-19.636-43.859-43.859s19.636-43.859 43.859-43.859v0h292.393c24.222 0 43.859 19.636 43.859 43.859s-19.636 43.859-43.859 43.859v0z"],"attrs":[{},{},{}],"tags":["search-minus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":171,"id":36,"name":"search-minus","prevSize":80,"code":59792},"setIdx":0,"setId":1,"iconIdx":117},{"icon":{"paths":["M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z","M656.524 506.734c-7.496-5.775-17.020-9.255-27.356-9.255-13.907 0-26.344 6.301-34.608 16.205l-0.059 0.071-82.501 103.566-82.501-105.321c-8.353-9.812-20.716-15.996-34.521-15.996-24.992 0-45.251 20.259-45.251 45.251 0 11.185 4.058 21.422 10.782 29.32l-0.053-0.064 93.034 117.023-93.034 117.023c-5.992 7.47-9.615 17.061-9.615 27.5 0 24.376 19.76 44.136 44.136 44.136 13.937 0 26.366-6.461 34.454-16.55l0.067-0.086 82.501-101.81 82.501 105.321c8.276 9.979 20.653 16.31 34.509 16.384h0.012c1.085 0.096 2.348 0.149 3.622 0.149 24.236 0 43.884-19.648 43.884-43.884 0-12.183-4.964-23.206-12.981-31.157l-0.003-0.003-93.034-117.023 95.374-117.023c5.757-7.489 9.225-16.998 9.225-27.316 0-14.937-7.268-28.175-18.461-36.373l-0.126-0.088z"],"attrs":[{},{}],"tags":["file-excel"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":170,"id":37,"name":"file-excel","prevSize":80,"code":59790},"setIdx":0,"setId":1,"iconIdx":118},{"icon":{"paths":["M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z","M599.182 678.758c-35.612-22.599-62.527-56.14-76.26-95.834l-0.389-1.295c8.513-24.598 13.428-52.947 13.428-82.444 0-12.194-0.841-24.192-2.466-35.938l0.154 1.359c-3.892-22.255-23.068-38.954-46.145-38.954-18.984 0-35.328 11.301-42.673 27.543l-0.119 0.295c-1.82 12.259-2.859 26.407-2.859 40.798 0 35.745 6.41 69.992 18.145 101.654l-0.657-2.026c-26.663 62.22-51.535 112.192-78.718 160.691l4.409-8.561c-41.543 23.405-98.3 58.512-107.076 98.885-7.021 32.766 54.416 117.023 159.151-65.534 38.752-15.060 86.483-29.549 135.472-40.728l7.296-1.4c33.675 19.598 73.544 32.44 116.101 35.636l0.922 0.056c0.37 0.010 0.806 0.016 1.244 0.016 26.499 0 47.98-21.481 47.98-47.98 0-12.689-4.926-24.228-12.97-32.809l0.025 0.026c-24.575-25.16-97.714-18.139-133.992-13.457zM319.497 854.293c16.89-28.581 38.169-52.658 63.208-72.128l0.569-0.426c-39.787 63.193-63.778 74.31-63.778 73.139zM490.35 455.829c15.213 0 14.043 67.289 3.511 85.427-4.439-14.87-6.994-31.954-6.994-49.637 0-12.459 1.269-24.62 3.683-36.365l-0.199 1.16zM439.445 741.365c17.504-31.081 34.829-68.095 49.5-106.424l1.99-5.919c15.998 29.397 37.215 53.976 62.634 73.317l0.558 0.407c-44.504 11.253-82.688 24.668-119.265 41.035l4.582-1.832zM714.451 730.833s-10.532 12.873-77.821-16.384c73.139-4.68 85.427 12.287 77.821 16.968z"],"attrs":[{},{}],"tags":["file-pdf"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":169,"id":38,"name":"file-pdf","prevSize":80,"code":59789},"setIdx":0,"setId":1,"iconIdx":119},{"icon":{"paths":["M863.086 1024h-702.171c-88.87 0-160.914-72.044-160.914-160.914v0-702.171c0-88.87 72.044-160.914 160.914-160.914v0h518.437c24.237 0 43.886 19.648 43.886 43.886s-19.648 43.886-43.886 43.886v0h-518.437c-40.395 0-73.142 32.747-73.142 73.142v0 702.171c0 40.395 32.747 73.142 73.142 73.142v0h702.171c40.395 0 73.142-32.747 73.142-73.142v0-451.145c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 451.145c0 88.87-72.044 160.914-160.914 160.914v0z","M424.229 702.172c-11.709-0.922-21.992-6.372-29.216-14.581l-0.041-0.048-175.543-175.543c-2.703-5.532-4.284-12.038-4.284-18.913 0-24.237 19.648-43.886 43.886-43.886 6.875 0 13.381 1.581 19.174 4.4l-0.261-0.114 144.531 144.531 499.127-495.616c5.532-2.703 12.038-4.284 18.913-4.284 24.237 0 43.886 19.648 43.886 43.886 0 6.875-1.581 13.381-4.4 19.174l0.114-0.261-526.629 526.629c-7.264 8.256-17.547 13.707-29.107 14.619l-0.151 0.010z"],"attrs":[{},{}],"tags":["check-square"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":168,"id":39,"name":"check-square","prevSize":80,"code":59788},"setIdx":0,"setId":1,"iconIdx":120},{"icon":{"paths":["M46.545 1024c-25.567-0.345-46.201-20.979-46.545-46.512v-930.943c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 930.909c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z","M977.455 1024h-930.909c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h930.909c25.706 0 46.545 20.839 46.545 46.545s-20.839 46.545-46.545 46.545v0z","M636.121 682.666c-0.064 0-0.141 0-0.217 0-12.783 0-24.345-5.222-32.671-13.649l-153.295-153.295-153.29 153.29c-8.289 7.74-19.456 12.492-31.731 12.492-25.706 0-46.545-20.839-46.545-46.545 0-12.276 4.752-23.441 12.518-31.759l-0.025 0.028 186.182-186.182c8.42-8.41 20.049-13.613 32.892-13.613s24.471 5.201 32.893 13.613v0l153.29 153.29 215.35-215.35c8.289-7.74 19.456-12.492 31.731-12.492 25.706 0 46.545 20.839 46.545 46.545 0 12.276-4.752 23.441-12.518 31.759l0.025-0.028-248.243 248.243c-8.33 8.432-19.892 13.654-32.675 13.654-0.076 0-0.153 0-0.228 0h0.012z","M915.393 626.192c-25.567-0.345-46.201-20.979-46.545-46.512v-176.285h-170.666c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h217.212c25.567 0.345 46.201 20.979 46.545 46.512v222.831c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z"],"attrs":[{},{},{},{}],"tags":["chart-line"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":167,"id":40,"name":"chart-line","prevSize":80,"code":59787},"setIdx":0,"setId":1,"iconIdx":121},{"icon":{"paths":["M431.778 504.757c-115.379 0-208.912-93.532-208.912-208.912s93.532-208.912 208.912-208.912c115.379 0 208.912 93.532 208.912 208.912v0c-0.316 115.251-93.66 208.596-208.881 208.912h-0.030zM431.778 170.499c-69.227 0-125.347 56.12-125.347 125.347s56.12 125.347 125.347 125.347c69.227 0 125.347-56.12 125.347-125.347v0c0-69.227-56.12-125.347-125.347-125.347v0z","M41.809 894.726c-23.076 0-41.782-18.707-41.782-41.782v0c0-264.622 302.504-264.622 431.751-264.622 40.111 0 75.766 0 108.076 3.9 21.638 1.734 38.542 19.721 38.542 41.657 0 1.025-0.037 2.041-0.11 3.046l0.008-0.134c-2.011 21.692-20.122 38.543-42.169 38.543-1.041 0-2.072-0.038-3.093-0.111l0.137 0.008c-30.083 0-63.509-3.343-101.391-3.343-288.576 0-348.186 72.423-348.186 181.057 0.003 0.167 0.004 0.364 0.004 0.561 0 22.767-18.457 41.225-41.225 41.225-0.197 0-0.394-0.001-0.59-0.004h0.030z","M549.326 937.066c-11.533-0.010-21.972-4.693-29.526-12.255v0c-7.671-7.32-12.439-17.622-12.439-29.037 0-1.349 0.067-2.683 0.197-3.998l-0.013 0.166 8.914-106.963c0.738-10.242 5.062-19.352 11.708-26.194l-0.009 0.010 307.518-307.518c20.408-18.948 47.843-30.576 77.993-30.576s57.585 11.627 78.066 30.642l-0.072-0.067c19.978 20.131 32.325 47.862 32.325 78.475 0 0.614-0.005 1.227-0.014 1.838l0.001-0.093c0.008 0.488 0.013 1.065 0.013 1.643 0 28.208-11.272 53.784-29.557 72.47l-307.499 307.499c-6.609 6.771-15.516 11.272-25.457 12.242l-0.17 0.013-108.076 10.028zM657.402 885.256v0zM598.35 806.705l-3.343 42.34 43.454-3.9 296.932-296.932c3.138-3.741 5.043-8.607 5.043-13.917 0-0.396-0.010-0.789-0.031-1.178l0.003 0.055c-0.022-8.097-2.969-15.5-7.838-21.216l0.038 0.046c-5.22-3.914-11.806-6.267-18.942-6.267s-13.722 2.354-19.024 6.327l0.082-0.059z"],"attrs":[{},{},{}],"tags":["user-edit"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":166,"id":41,"name":"user-edit","prevSize":80,"code":59786},"setIdx":0,"setId":1,"iconIdx":122},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 568.889c-23.436-0.316-42.351-19.231-42.667-42.636v-199.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 199.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z","M512 739.556c-23.436-0.316-42.351-19.231-42.667-42.636v-28.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 28.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"],"attrs":[{},{},{}],"tags":["exclamation-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":165,"id":42,"name":"exclamation-circle","prevSize":80,"code":59785},"setIdx":0,"setId":1,"iconIdx":123},{"icon":{"paths":["M897.818 342.011c-33.052 0-59.847 26.794-59.847 59.847v0 271.219c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-271.219c0-33.052-26.794-59.847-59.847-59.847v0z","M126.182 342.011c-33.052 0-59.847 26.794-59.847 59.847v0 271.219c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-271.219c0-33.052-26.794-59.847-59.847-59.847v0z","M229.321 342.011v407.465c0 37.624 30.5 68.122 68.122 68.122v0h43.293v144.522c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0 0-144.522h103.139v144.522c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-144.522h43.293c37.624 0 68.122-30.5 68.122-68.122v0-407.465z","M787.039 257.334c-19.494-64.041-60.923-116.427-115.35-149.595l-1.159-0.657-9.55-5.73-10.187-5.093 11.46-19.737 33.743-63.667c0.321-0.883 0.507-1.901 0.507-2.963 0-2.96-1.443-5.584-3.665-7.206l-0.025-0.018h-4.457c-3.404 0.157-6.379 1.864-8.255 4.426l-0.021 0.030-34.38 59.21-10.823 19.737-10.187-4.457-10.823-3.82c-30.354-10.882-65.375-17.173-101.867-17.173s-71.511 6.291-104.038 17.846l2.171-0.673-10.187 3.82-10.823 4.457-10.823-19.737-34.38-63.667c-1.592-2.804-4.559-4.665-7.958-4.665-5.038 0-9.122 4.084-9.122 9.122 0 1.637 0.431 3.174 1.186 4.502l-0.024-0.045 33.743 63.667 11.46 19.737-10.187 5.093-9.55 5.73c-55.806 33.938-97.174 86.897-115.417 149.695l-0.455 1.831c-4.717 15.122-7.703 32.57-8.27 50.627l-0.007 0.307h565.357c-0.686-18.4-3.432-35.851-8.017-52.541l0.378 1.609zM384.668 223.592c-14.065 0-25.467-11.402-25.467-25.467s11.402-25.467 25.467-25.467c14.065 0 25.467 11.402 25.467 25.467v0c0 14.065-11.402 25.467-25.467 25.467v0zM639.332 223.592c-14.065 0-25.467-11.402-25.467-25.467s11.402-25.467 25.467-25.467c14.065 0 25.467 11.402 25.467 25.467v0c0 14.065-11.402 25.467-25.467 25.467v0z"],"attrs":[{},{},{},{}],"tags":["android"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":164,"id":43,"name":"android","prevSize":80,"code":59781},"setIdx":0,"setId":1,"iconIdx":124},{"icon":{"paths":["M1008.591 433.288l-5.759-22.397h-476.114v202.221h284.773c-32.683 123.892-143.735 213.758-275.775 213.758-1.138 0-2.275-0.006-3.409-0.019l0.172 0.001c-86.669-0.738-165.327-34.432-224.185-89.141l0.207 0.19c-58.421-57.606-94.785-137.451-95.35-225.791v-0.106c1.039-88.017 36.49-167.558 93.495-225.963l-0.064 0.066c57.221-54.292 134.738-87.683 220.053-87.683 0.93 0 1.86 0.004 2.788 0.012l-0.142-0.001c73.95 0.586 141.235 28.652 192.25 74.471l-0.268-0.238 140.787-144.626c-88.734-79.432-206.552-127.99-335.711-127.99-0.54 0-1.080 0.001-1.62 0.003h0.084c-0.919-0.006-2.007-0.009-3.094-0.009-142.761 0-272.106 57.428-366.198 150.443l0.049-0.049c-90.236 93.627-145.825 221.183-145.825 361.724 0 137.597 53.284 262.749 140.344 355.947l-0.279-0.301c96.859 96.51 230.481 156.177 378.041 156.177 2.082 0 4.162-0.012 6.238-0.036l-0.316 0.003c1.053 0.009 2.296 0.013 3.543 0.013 134.433 0 255.872-55.642 342.541-145.151l0.123-0.127c82.61-90.584 133.206-211.608 133.206-344.45 0-3.543-0.036-7.076-0.108-10.602l0.009 0.526c0.105-4.284 0.163-9.328 0.163-14.387 0-26.957-1.687-53.521-4.962-79.591l0.318 3.106z"],"attrs":[{}],"tags":["google"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":163,"id":44,"name":"google","prevSize":80,"code":59782},"setIdx":0,"setId":1,"iconIdx":125},{"icon":{"paths":["M800.988 541.411c-0.025-1.227-0.040-2.673-0.040-4.124 0-81.14 45.665-151.616 112.697-187.127l1.149-0.554c-43.688-60.224-112.883-99.642-191.399-102.285l-0.408-0.010c-81.199-6.394-169.43 47.312-202.037 47.312s-113.166-44.755-174.544-44.755c-127.87 0-262.775 101.657-262.775 304.332 0.671 66.632 12.562 130.276 33.869 189.424l-1.262-4.011c28.131 81.837 133.625 287.070 243.594 283.874 57.542 0 98.461-40.919 173.266-40.919s109.97 40.919 174.544 40.919c110.608 0 206.511-188.61 234.004-272.365-83.223-34.69-140.659-115.384-140.659-209.49 0-0.076 0-0.154 0-0.231v0.012zM673.117 166.109c33.682-37.846 54.259-88 54.259-142.959 0-7.972-0.433-15.844-1.277-23.592l0.085 0.959c-61.9 6.974-115.875 36.341-154.514 79.679l-0.211 0.24c-37.077 39.007-59.884 91.883-59.884 150.086 0 4.782 0.154 9.526 0.457 14.231l-0.033-0.641c1.605 0.048 3.493 0.075 5.387 0.075 63.128 0 119.134-30.497 154.087-77.563l0.366-0.514z"],"attrs":[{}],"tags":["apple"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":162,"id":45,"name":"apple","prevSize":80,"code":59783},"setIdx":0,"setId":1,"iconIdx":126},{"icon":{"paths":["M0.001 0.001h480v480h-480zM543.999 0.001h480v480h-480zM0.001 543.999h480v480h-480zM543.999 543.999h480v480h-480z"],"attrs":[{}],"tags":["microsoft"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":161,"id":46,"name":"microsoft","prevSize":80,"code":59784},"setIdx":0,"setId":1,"iconIdx":127},{"icon":{"paths":["M512 966.541c-12.142-0.011-23.132-4.94-31.084-12.902v0l-397.063-398.237c-51.836-52.853-83.828-125.328-83.828-205.276s31.993-152.425 83.874-205.324l-0.045 0.047c52.537-52.531 125.112-85.022 205.276-85.022s152.739 32.491 205.277 85.023v0l17.595 15.249 16.423-16.423c52.328-52.883 124.914-85.631 205.15-85.631 0.25 0 0.502 0 0.752 0.001h-0.038c0.384-0.001 0.839-0.003 1.294-0.003 79.947 0 152.3 32.511 204.559 85.034l0.012 0.012c51.836 52.853 83.828 125.328 83.828 205.276s-31.993 152.425-83.874 205.324l0.045-0.047-397.063 398.237c-7.714 8.616-18.706 14.16-30.998 14.66l-0.087 0.003zM289.714 145.434c-0.436-0.003-0.953-0.005-1.468-0.005-55.496 0-105.759 22.406-142.235 58.666l0.010-0.010c-36.735 36.902-59.445 87.793-59.445 143.987s22.71 107.086 59.452 143.994l-0.007-0.007 365.979 368.325 365.392-367.151c36.877-36.837 59.687-87.747 59.687-143.987s-22.81-107.15-59.686-143.985l-0.001-0.001c-36.111-36.238-86.066-58.659-141.257-58.659-0.65 0-1.3 0.003-1.949 0.010l0.099-0.001c-0.436-0.003-0.953-0.005-1.468-0.005-55.496 0-105.759 22.406-142.235 58.666l-47.497 47.497c-8.080 7.677-19.030 12.4-31.084 12.4s-23.006-4.723-31.104-12.418l0.019 0.018-47.507-47.507c-36.581-36.947-87.314-59.823-143.391-59.823-0.107 0-0.213 0-0.32 0h0.016z"],"attrs":[{}],"tags":["heart"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":160,"id":47,"name":"heart","prevSize":80,"code":59780},"setIdx":0,"setId":1,"iconIdx":128},{"icon":{"paths":["M746.047 0.023h-468.093c-56.418 0.33-102.065 45.976-102.396 102.364v819.195c0.33 56.418 45.976 102.065 102.364 102.396h468.125c56.418-0.33 102.065-45.976 102.396-102.364v-819.195c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM760.674 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-468.093c-8.079 0-14.628-6.55-14.628-14.628v0-819.163c0-8.079 6.55-14.628 14.628-14.628v0h468.093c8.079 0 14.628 6.55 14.628 14.628v0z","M512 658.28c-48.472 0-87.768 39.295-87.768 87.768s39.295 87.768 87.768 87.768c48.472 0 87.768-39.295 87.768-87.768v0c0-48.472-39.295-87.768-87.768-87.768v0zM512 746.047v0z"],"attrs":[{},{}],"tags":["mobile"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":159,"id":48,"name":"mobile","prevSize":80,"code":59778},"setIdx":0,"setId":1,"iconIdx":129},{"icon":{"paths":["M863.070 0.023h-702.14c-56.418 0.33-102.065 45.976-102.396 102.364v819.195c0.33 56.418 45.976 102.065 102.364 102.396h702.172c56.418-0.33 102.065-45.976 102.396-102.364v-819.195c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM877.699 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-702.14c-8.079 0-14.628-6.55-14.628-14.628v0-819.163c0-8.079 6.55-14.628 14.628-14.628v0h702.14c8.079 0 14.628 6.55 14.628 14.628v0z","M512 658.28c-48.472 0-87.768 39.295-87.768 87.768s39.295 87.768 87.768 87.768c48.472 0 87.768-39.295 87.768-87.768v0c0-48.472-39.295-87.768-87.768-87.768v0zM512 746.047v0z"],"attrs":[{},{}],"tags":["tablet"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":220,"id":49,"name":"tablet","prevSize":80,"code":59779},"setIdx":0,"setId":1,"iconIdx":130},{"icon":{"paths":["M687.134 672.539c-0.215 0-0.469 0.001-0.724 0.001-92.498 0-176.242-37.479-236.875-98.078l0.001 0.001c-61.305-61.014-99.243-145.459-99.243-238.766 0-186.032 150.809-336.841 336.841-336.841s336.841 150.809 336.841 336.841c0 186.032-150.808 336.84-336.84 336.841v0zM687.134 88.761c-136.764 0.345-247.499 111.293-247.499 248.106 0 68.362 27.648 130.267 72.373 175.141l-0.007-0.007c44.929 45.079 107.076 72.972 175.74 72.972 137.026 0 248.106-111.081 248.106-248.106s-111.081-248.106-248.106-248.106c-0.213 0-0.427 0-0.639 0.001h0.033z","M74.166 993.618c-11.682-0.919-21.941-6.357-29.147-14.547l-0.041-0.048c-6.919-7.71-11.15-17.955-11.15-29.188s4.231-21.479 11.185-29.23l-0.036 0.041 377.122-377.705c7.941-7.869 18.873-12.731 30.94-12.731 24.281 0 43.963 19.683 43.963 43.963 0 12.213-4.98 23.263-13.020 31.229l-0.003 0.003-380.624 373.619c-7.248 8.237-17.507 13.675-29.039 14.585l-0.151 0.010z","M278.488 1022.806c-0.060 0-0.133 0-0.204 0-12.024 0-22.9-4.912-30.732-12.839l-116.759-116.759c-7.28-7.798-11.75-18.301-11.75-29.848 0-24.181 19.603-43.783 43.783-43.783 11.548 0 22.050 4.47 29.874 11.775l-0.026-0.023 116.755 116.755c7.911 7.921 12.805 18.86 12.805 30.94s-4.893 23.019-12.805 30.941v0c-7.836 7.932-18.712 12.844-30.736 12.844-0.071 0-0.144 0-0.215 0h0.011z","M395.245 906.051c-0.060 0-0.133 0-0.204 0-12.024 0-22.9-4.912-30.732-12.839l-116.759-116.759c-8.584-8.015-13.935-19.399-13.935-32.033 0-24.181 19.603-43.783 43.783-43.783 12.634 0 24.018 5.351 32.008 13.909l0.023 0.026 116.755 116.755c7.911 7.921 12.805 18.86 12.805 30.94s-4.893 23.019-12.805 30.941v0c-7.836 7.932-18.712 12.844-30.736 12.844-0.071 0-0.144 0-0.215 0h0.011z"],"attrs":[{},{},{},{}],"tags":["key"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":219,"id":50,"name":"key","prevSize":80,"code":59777},"setIdx":0,"setId":1,"iconIdx":131},{"icon":{"paths":["M468.112 906.989c0 48.569-39.207 87.775-87.775 87.775s-87.775-39.207-87.775-87.775 39.207-87.775 87.775-87.775 87.775 39.207 87.775 87.775zM760.696 819.214c-48.569 0-87.775 39.207-87.775 87.775s39.207 87.775 87.775 87.775 87.775-39.207 87.775-87.775-39.207-87.775-87.775-87.775zM1022.852 259.207l-117.033 468.135c-4.681 19.311-22.236 33.355-42.718 33.355h-585.169c-21.066 0-39.207-15.214-43.302-36.28l-110.597-607.405h-80.168c-23.991 0-43.888-19.896-43.888-43.888s19.896-43.888 43.888-43.888h117.033c21.066 0 39.207 15.214 43.302 36.28l25.163 139.271h750.771c13.458 0 26.333 6.436 34.525 16.969s11.119 24.577 8.192 37.451zM923.958 292.562h-678.795l69.050 380.359h514.363l95.383-380.359z"],"attrs":[{}],"tags":["shopping-cart"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":156,"id":51,"name":"shopping-cart","prevSize":80,"code":59776},"setIdx":0,"setId":1,"iconIdx":132},{"icon":{"paths":["M46.723 830.79c-0.231 0.004-0.504 0.007-0.777 0.007-24.867 0-45.027-20.159-45.027-45.027 0-5.382 0.944-10.545 2.676-15.329l-0.098 0.314 75.044-247.348c-14.665-39.037-23.418-84.145-24.012-131.219l-0.003-0.259c0-0.259-0.001-0.566-0.001-0.874 0-54.129 11.264-105.629 31.575-152.281l-0.955 2.464c60.427-141.25 198.214-238.423 358.696-238.423 106.632 0 203.244 42.901 273.517 112.384l-0.037-0.035c34.184 34.714 62.103 75.715 81.849 121.093l1 2.581c19.107 44.313 30.22 95.904 30.22 150.090s-11.112 105.775-31.182 152.616l0.962-2.526c-20.746 47.959-48.666 88.96-82.9 123.725l0.051-0.051c-70.377 70.256-167.536 113.703-274.844 113.703-48.549 0-95.021-8.893-137.875-25.139l2.675 0.889-247.348 76.845c-3.958 1.137-8.504 1.794-13.204 1.801h-0.004zM442.359 91.749c-0.253-0.001-0.554-0.001-0.856-0.001-41.547 0-81.081 8.613-116.916 24.15l1.904-0.734c-71.28 30.615-127.108 85.859-157.736 154.781l-0.758 1.912c-14.788 34.299-23.39 74.229-23.39 116.169s8.602 81.87 24.134 118.125l-0.744-1.956c1.7 4.555 2.682 9.817 2.682 15.309s-0.984 10.754-2.783 15.621l0.101-0.312-55.232 180.107 180.107-55.232c4.555-1.7 9.817-2.682 15.309-2.682s10.754 0.984 15.621 2.783l-0.312-0.101c34.014 14.517 73.588 22.957 115.132 22.957 122.867 0 228.493-73.819 274.946-179.525l0.754-1.926c13.056-32.416 20.631-70.004 20.631-109.36 0-163.117-130.105-295.846-292.2-300.074l-0.391-0.008z","M977.277 1022.304c-1.984 0.28-4.275 0.439-6.603 0.439s-4.621-0.16-6.864-0.469l0.26 0.030-247.348-75.044c-40.428 15.733-87.225 24.849-136.153 24.849-158.064 0-293.904-95.147-353.373-231.291l-0.967-2.482c-2.862-5.665-4.539-12.349-4.539-19.423 0-18.267 11.175-33.923 27.063-40.506l0.291-0.107c5.517-2.599 11.984-4.116 18.806-4.116 18.319 0 34.084 10.94 41.115 26.643l0.114 0.286c15.121 35.516 35.349 65.946 60.152 91.977l-0.117-0.122c54.202 53.624 128.774 86.753 211.084 86.753 41.688 0 81.392-8.499 117.473-23.857l-1.963 0.743c4.555-1.7 9.817-2.682 15.309-2.682s10.754 0.984 15.621 2.783l-0.312-0.101 180.107 55.232-55.232-180.107c-1.7-4.555-2.682-9.817-2.682-15.309s0.984-10.754 2.783-15.621l-0.101 0.312c14.803-33.932 23.415-73.467 23.415-115.014 0-0.301 0-0.602-0.001-0.902v0.046c0.001-0.319 0.001-0.697 0.001-1.075 0-81.912-33.275-156.053-87.045-209.642l-0.008-0.008c-12.456-15.658-25.63-29.595-39.895-42.336l-0.328-0.288c-13.187-8.012-21.861-22.298-21.861-38.61 0-24.867 20.159-45.027 45.027-45.027 10.297 0 19.786 3.456 27.372 9.273l-0.107-0.079c22.529 14.653 42.156 30.276 60.175 47.561l-0.139-0.132c34.393 34.592 62.347 75.63 81.881 121.138l0.968 2.536c19.357 44.266 30.62 95.849 30.62 150.064 0 0.431-0.001 0.863-0.003 1.293v-0.066c-0.136 48.508-8.929 94.919-24.912 137.831l0.898-2.751 75.044 247.348c1.634 4.472 2.578 9.633 2.578 15.015 0 24.867-20.159 45.027-45.027 45.027-0.273 0-0.546-0.003-0.818-0.007h0.041z"],"attrs":[{},{}],"tags":["comments"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":155,"id":52,"name":"comments","prevSize":80,"code":59774},"setIdx":0,"setId":1,"iconIdx":133},{"icon":{"paths":["M89.22 977.058c-0.217 0.004-0.473 0.007-0.729 0.007-23.349 0-42.278-18.929-42.278-42.278 0-5.053 0.887-9.901 2.513-14.393l-0.093 0.294 90.193-295.946c-18.558-46.704-29.318-100.819-29.318-157.447 0-0.732 0.001-1.463 0.006-2.195v0.113c0-0.201 0-0.439 0-0.677 0-62.834 12.85-122.668 36.068-177.015l-1.118 2.942c23.991-55.124 56.28-102.224 95.856-142.080l-0.026 0.026c39.776-39.941 87.133-72.3 139.735-94.736l2.882-1.092c51.475-22.443 111.446-35.5 174.466-35.5s122.993 13.057 177.355 36.615l-2.889-1.115c161.557 70.486 272.594 228.494 273.398 412.529v0.103c-0.378 123.676-50.484 235.576-131.361 316.819l0.016-0.016c-39.83 39.549-86.93 71.841-139.11 94.681l-2.944 1.149c-51.439 22.133-111.317 35.003-174.201 35.003-57.536 0-112.557-10.776-163.152-30.417l3.076 1.050-295.946 90.193c-3.604 1.586-7.788 2.774-12.162 3.355l-0.239 0.026zM557.097 103.314c-149.484 0.668-277.735 90.884-333.925 219.741l-0.917 2.358c-17.678 41.648-27.953 90.087-27.953 140.927s10.274 99.278 28.861 143.354l-0.909-2.427c1.596 4.277 2.518 9.218 2.518 14.374s-0.923 10.098-2.613 14.668l0.095-0.293-69.336 235.065 233.938-71.027c4.277-1.596 9.218-2.518 14.374-2.518s10.098 0.923 14.668 2.613l-0.293-0.095c41.635 17.765 90.074 28.091 140.927 28.091s99.291-10.328 143.335-28.999l-2.408 0.907c131.638-56.462 222.168-184.951 222.168-334.586 0-51.2-10.598-99.924-29.723-144.098l0.907 2.35c-56.972-130.557-184.848-220.199-333.686-220.41h-0.028z"],"attrs":[{}],"tags":["comment"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":154,"id":53,"name":"comment","prevSize":80,"code":59775},"setIdx":0,"setId":1,"iconIdx":134},{"icon":{"paths":["M921.588 175.553h-219.422v-73.14c-4.292-57.542-52.035-102.602-110.299-102.602-2.366 0-4.715 0.074-7.043 0.221l0.318-0.016h-146.282c-2.010-0.13-4.36-0.204-6.725-0.204-58.266 0-106.007 45.060-110.277 102.234l-0.022 0.368v73.14h-219.422c-56.419 0.331-102.067 45.977-102.397 102.366v585.157c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-585.157c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM409.603 102.412c0-4.681 11.118-14.629 29.256-14.629h146.282c18.139 0 29.256 9.947 29.256 14.629v73.14h-204.793zM102.412 263.322h819.175c8.079 0 14.629 6.55 14.629 14.629v0 190.166h-848.432v-190.166c0-8.079 6.55-14.629 14.629-14.629v0zM321.834 555.884h380.331v87.769h-380.331zM921.588 877.704h-819.175c-8.079 0-14.629-6.55-14.629-14.629v0-307.191h146.282v131.653c0.325 24.105 19.78 43.559 43.853 43.884h468.131c24.105-0.325 43.559-19.78 43.884-43.853v-131.685h146.282v307.191c0 8.079-6.55 14.629-14.629 14.629v0z"],"attrs":[{}],"tags":["briefcase"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":153,"id":54,"name":"briefcase","prevSize":80,"code":59773},"setIdx":0,"setId":1,"iconIdx":135},{"icon":{"paths":["M983.875 747.107c-4.979 0-116.724-19.915-116.724-345.747 0-230.128-133.873-373.406-355.151-373.406s-355.151 143.278-355.151 373.406c0 331.917-115.617 345.747-115.065 345.747-22.914 0-41.49 18.576-41.49 41.49s18.576 41.49 41.49 41.49v0h267.193c19.311 95.868 102.854 167.053 203.023 167.053s183.711-71.186 202.798-165.727l0.223-1.325h267.746c22.914 0 41.49-18.576 41.49-41.49s-18.576-41.49-41.49-41.49v0zM512 913.065c-53.673-0.105-99.33-34.318-116.453-82.114l-0.271-0.865h233.448c-17.395 48.661-63.050 82.874-116.711 82.979h-0.013zM166.807 747.107c39.83-60.299 73.022-165.958 73.022-345.747s99.575-290.427 272.172-290.427 272.172 105.66 272.172 290.427 33.192 285.448 73.022 345.747z"],"attrs":[{}],"tags":["bell"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":218,"id":55,"name":"bell","prevSize":80,"code":59772},"setIdx":0,"setId":1,"iconIdx":136},{"icon":{"paths":["M333.040 1023.149c-0.395 0.001-0.861 0.003-1.328 0.003-89.93 0-171.755-34.697-232.82-91.434l0.214 0.196c-60.481-56.047-98.213-135.906-98.213-224.578s37.732-168.531 98.016-224.397l0.197-0.181 442.138-417.574c43.713-40.007 102.187-64.52 166.387-64.52s122.673 24.512 166.573 64.688l-0.186-0.169c46.303 43.075 75.506 103.992 76.611 171.742l0.003 0.2c0.003 0.343 0.003 0.748 0.003 1.154 0 58.355-24.702 110.942-64.219 147.873l-0.117 0.107-442.723 418.16c-25.698 23.896-60.263 38.561-98.253 38.561s-72.555-14.665-98.342-38.643l0.089 0.082c-25.889-23.908-42.047-58.024-42.047-95.913s16.158-72.005 41.958-95.834l0.088-0.081 409.387-385.408c7.935-7.925 18.894-12.829 30.996-12.829s23.061 4.902 30.997 12.829v0c7.925 7.935 12.829 18.894 12.829 30.996s-4.902 23.061-12.829 30.997v0l-409.387 385.408c-8.981 7.868-14.621 19.359-14.621 32.167s5.64 24.299 14.572 32.124l0.049 0.042c10.156 8.727 23.465 14.040 38.014 14.040s27.858-5.313 38.092-14.105l-0.078 0.066 442.723-416.989c21.667-21.246 35.097-50.823 35.097-83.538 0-0.444-0.003-0.888-0.007-1.331v0.067c-1.049-42.681-19.73-80.802-49.009-107.504l-0.118-0.107c-27.771-25.797-65.112-41.627-106.148-41.627s-78.377 15.83-106.245 41.716l0.097-0.090-440.383 416.989c-43.561 40.015-70.766 97.247-70.766 160.83s27.203 120.815 70.608 160.688l0.158 0.143c45.833 42.805 107.572 69.087 175.451 69.087s129.619-26.282 175.601-69.225l-0.149 0.137 438.043-414.651c7.869-8.069 18.849-13.075 30.996-13.075s23.127 5.006 30.988 13.066l0.008 0.010c7.925 7.935 12.829 18.894 12.829 30.996s-4.902 23.061-12.829 30.997v0l-441.552 416.405c-60.773 56.558-142.541 91.272-232.414 91.272-1.768 0-3.534-0.014-5.296-0.040l0.267 0.003z"],"attrs":[{}],"tags":["paperclip"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":151,"id":56,"name":"paperclip","prevSize":80,"code":59771},"setIdx":0,"setId":1,"iconIdx":137},{"icon":{"paths":["M833.7 643.604c-62.907 0.233-118.56 31.082-152.865 78.411l-0.38 0.551-309.417-152.076c5.76-17.446 9.17-37.537 9.358-58.398v-0.093c-0.189-20.954-3.597-41.044-9.755-59.892l0.396 1.402 309.417-152.076c34.79 46.82 89.928 76.825 152.074 76.825 104.34 0 188.925-84.585 188.925-188.925s-84.585-188.925-188.925-188.925c-104.34 0-188.925 84.585-188.925 188.925 0 0.34 0.001 0.68 0.003 1.020v-0.052c0.152 10.439 1.209 20.53 3.098 30.325l-0.173-1.080-319.945 160.849c-34.095-36.053-82.261-58.491-135.669-58.491-0.217 0-0.432 0-0.647 0.001h0.033c-104.986 0-190.096 85.108-190.096 190.096s85.108 190.096 190.096 190.096v0c0.182 0 0.399 0.001 0.614 0.001 53.408 0 101.575-22.439 135.587-58.404l0.082-0.088 319.945 160.849c-1.751 8.911-2.81 19.209-2.924 29.734l-0.001 0.096c0 104.986 85.108 190.096 190.096 190.096s190.096-85.108 190.096-190.096c0-104.986-85.108-190.096-190.096-190.096v0zM833.7 87.942c56.531 0 102.359 45.827 102.359 102.359s-45.827 102.359-102.359 102.359c-56.531 0-102.359-45.827-102.359-102.359v0c0.33-56.398 45.96-102.029 102.328-102.359h0.032zM190.3 614.359c-56.531 0-102.359-45.827-102.359-102.359s45.827-102.359 102.359-102.359c56.531 0 102.359 45.827 102.359 102.359v0c-0.33 56.398-45.96 102.029-102.328 102.359h-0.032zM833.7 936.058c-56.531 0-102.359-45.827-102.359-102.359s45.827-102.359 102.359-102.359c56.531 0 102.359 45.827 102.359 102.359v0c-0.33 56.398-45.96 102.029-102.328 102.359h-0.032z"],"attrs":[{}],"tags":["share-alt"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":150,"id":57,"name":"share-alt","prevSize":80,"code":59770},"setIdx":0,"setId":1,"iconIdx":138},{"icon":{"paths":["M921.588 58.527h-819.175c-56.419 0.331-102.067 45.977-102.397 102.366v702.182c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-702.182c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM102.412 146.296h819.175c8.079 0 14.629 6.55 14.629 14.629v0 90.11l-424.215 211.815-424.215-211.815v-90.11c0-8.079 6.55-14.629 14.629-14.629v0zM921.588 877.704h-819.175c-8.079 0-14.629-6.55-14.629-14.629v0-514.325l404.322 202.454c5.795 2.962 12.643 4.698 19.895 4.698s14.098-1.736 20.147-4.815l-0.252 0.117 404.322-202.454v514.325c0 8.079-6.55 14.629-14.629 14.629v0z"],"attrs":[{}],"tags":["envelope"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":217,"id":58,"name":"envelope","prevSize":80,"code":59769},"setIdx":0,"setId":1,"iconIdx":139},{"icon":{"paths":["M710.11 1023.786c-11.715-0.201-22.473-4.137-31.176-10.665l0.138 0.099-316.316-253.581h-313.014c-27.205-0.367-49.161-22.323-49.528-49.492v-396.256c0.367-27.205 22.323-49.161 49.492-49.528h313.050l316.316-253.581c8.413-6.81 19.245-10.933 31.038-10.933 27.353 0 49.528 22.174 49.528 49.528 0 0.128 0 0.257-0.002 0.387v-0.020 924.514c-0.124 19.673-11.546 36.649-28.101 44.774l-0.296 0.132c-5.939 2.921-12.928 4.629-20.316 4.629-0.288 0-0.574-0.003-0.859-0.008h0.043zM99.27 660.583h280.656c11.732 0.051 22.527 4.016 31.159 10.656l-0.121-0.090 249.619 198.11v-716.499l-249.619 198.11c-8.511 6.55-19.306 10.515-31.026 10.566h-280.668z","M915.484 735.204c-11.19-0.147-21.49-3.841-29.859-10.006l0.142 0.101c-12.083-9.132-19.811-23.475-19.811-39.622 0-11.206 3.721-21.543 9.995-29.84l-0.090 0.124c30.292-39.484 48.545-89.591 48.545-143.96s-18.251-104.477-48.961-144.528l0.418 0.566c-6.185-8.174-9.906-18.511-9.906-29.717 0-27.353 22.174-49.528 49.528-49.528 16.148 0 30.49 7.728 39.532 19.687l0.090 0.124c42.965 55.728 68.862 126.535 68.862 203.393s-25.897 147.666-69.442 204.176l0.58-0.783c-9.257 11.932-23.523 19.596-39.586 19.811h-0.036z"],"attrs":[{},{}],"tags":["volume-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":148,"id":59,"name":"volume-down","prevSize":80,"code":59766},"setIdx":0,"setId":1,"iconIdx":140},{"icon":{"paths":["M565.883 929.593c-9.559-0.164-18.337-3.376-25.438-8.703l0.112 0.081-258.099-206.91h-255.405c-22.198-0.299-40.113-18.215-40.412-40.383v-323.327c0.299-22.198 18.215-40.113 40.383-40.412h255.434l258.099-206.91c6.865-5.557 15.703-8.921 25.326-8.921 22.319 0 40.412 18.093 40.412 40.412 0 0.105 0 0.21-0.001 0.316v-0.016 754.361c-0.101 16.052-9.421 29.904-22.929 36.534l-0.241 0.107c-4.846 2.383-10.549 3.777-16.577 3.777-0.235 0-0.469-0.003-0.701-0.006h0.035zM67.466 633.237h229.002c9.573 0.042 18.381 3.277 25.424 8.695l-0.099-0.073 203.677 161.649v-584.629l-203.677 161.649c-6.785 5.918-15.568 9.703-25.217 10.233l-0.107 0.005h-229.002z","M860.084 839.070c-10.094-0.015-19.331-3.681-26.461-9.747l0.058 0.048c-8.624-7.36-14.057-18.239-14.057-30.387 0-10.3 3.905-19.687 10.315-26.762l-0.030 0.034c61.742-68.722 99.501-160.079 99.501-260.255s-37.758-191.532-99.818-260.614l0.318 0.36c-6.378-7.12-10.277-16.575-10.277-26.941 0-22.34 18.111-40.451 40.451-40.451 11.975 0 22.734 5.203 30.141 13.472l0.034 0.038c74.659 82.7 120.339 192.814 120.339 313.599s-45.68 230.898-120.705 314.010l0.366-0.412c-7.167 8.586-17.874 14.010-29.847 14.010-0.115 0-0.23 0-0.345-0.001h0.018z","M733.459 694.124c-9.131-0.12-17.535-3.134-24.364-8.165l0.116 0.082c-9.859-7.451-16.165-19.154-16.165-32.33 0-9.143 3.036-17.578 8.156-24.348l-0.073 0.101c24.717-32.217 39.61-73.102 39.61-117.464s-14.892-85.248-39.95-117.928l0.341 0.462c-5.046-6.669-8.082-15.104-8.082-24.247 0-22.319 18.093-40.412 40.412-40.412 13.176 0 24.879 6.306 32.257 16.064l0.073 0.101c35.058 45.471 56.188 103.247 56.188 165.959s-21.131 120.489-56.662 166.598l0.474-0.639c-7.553 9.736-19.193 15.989-32.301 16.165h-0.029z"],"attrs":[{},{},{}],"tags":["volume-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":147,"id":60,"name":"volume-up","prevSize":80,"code":59767},"setIdx":0,"setId":1,"iconIdx":141},{"icon":{"paths":["M842.183 1023.786c-11.715-0.201-22.473-4.137-31.176-10.665l0.138 0.099-316.316-253.581h-313.014c-27.205-0.367-49.161-22.323-49.528-49.492v-396.256c0.367-27.205 22.323-49.161 49.492-49.528h313.050l316.316-253.581c8.413-6.81 19.245-10.933 31.038-10.933 27.353 0 49.528 22.174 49.528 49.528 0 0.128 0 0.257-0.002 0.387v-0.020 924.514c-0.153 19.495-11.255 36.364-27.452 44.771l-0.283 0.133c-6.264 2.921-13.598 4.625-21.331 4.625-0.163 0-0.323 0-0.486-0.002h0.025zM231.344 660.583h280.656c11.732 0.051 22.527 4.016 31.159 10.656l-0.121-0.090 249.619 198.11v-716.499l-249.619 198.11c-8.511 6.55-19.306 10.515-31.026 10.566h-280.668z"],"attrs":[{}],"tags":["volume-off"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":146,"id":61,"name":"volume-off","prevSize":80,"code":59768},"setIdx":0,"setId":1,"iconIdx":142},{"icon":{"paths":["M974.421 561.545h-924.841c-27.344-0.025-49.502-22.198-49.502-49.545 0-13.671 5.537-26.048 14.49-35.013v0l462.421-462.421c8.963-8.952 21.342-14.49 35.011-14.49s26.048 5.537 35.013 14.49v0l462.421 462.421c8.952 8.963 14.49 21.342 14.49 35.011 0 27.347-22.157 49.52-49.499 49.545h-0.003zM169.148 462.455h685.704l-342.852-342.852z","M908.36 1023.966h-792.721c-63.696-0.373-115.233-51.908-115.606-115.57v-132.155c0.373-63.696 51.908-115.233 115.57-115.606h792.757c63.696 0.373 115.233 51.908 115.606 115.57v132.155c-0.373 63.696-51.908 115.233-115.57 115.606h-0.036zM115.64 759.725c-9.121 0-16.516 7.395-16.516 16.516v0 132.12c0 9.121 7.395 16.516 16.516 16.516v0h792.721c9.121 0 16.516-7.395 16.516-16.516v0-132.12c0-9.121-7.395-16.516-16.516-16.516v0z"],"attrs":[{},{}],"tags":["eject"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":145,"id":62,"name":"eject","prevSize":80,"code":59765},"setIdx":0,"setId":1,"iconIdx":143},{"icon":{"paths":["M921.588 117.040h-819.175c-56.419 0.331-102.067 45.977-102.397 102.366v585.157c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-585.157c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM936.215 219.438v97.715h-12.288c-3.162 0.418-6.82 0.657-10.532 0.657s-7.37-0.239-10.956-0.701l0.424 0.045h-7.607c-7.377-1.502-13.839-3.52-20.003-6.11l0.694 0.259h-7.022c-8.645-4.243-16.008-9.735-22.196-16.341l-0.038-0.041c-16.923-16.712-27.426-39.89-27.5-65.521v-0.014c0.016-8.559 1.299-16.812 3.668-24.592l-0.158 0.601h98.887c0.004 0 0.008 0 0.012 0 7.873 0 14.294 6.219 14.615 14.014l0.001 0.029zM102.412 204.809h98.887c2.212 7.178 3.494 15.431 3.511 23.981v0.010c-0.074 25.645-10.578 48.823-27.491 65.525l-0.010 0.010c-6.348 6.456-13.68 11.92-21.756 16.155l-0.479 0.229h-7.607c-5.25 2.652-11.34 4.689-17.749 5.795l-0.389 0.056h-8.191c-3.162 0.418-6.82 0.657-10.532 0.657s-7.37-0.239-10.956-0.701l0.424 0.045h-12.288v-97.131c0-8.079 6.55-14.629 14.629-14.629v0zM87.785 804.562v-97.715h12.288c3.162-0.418 6.82-0.657 10.532-0.657s7.37 0.239 10.956 0.701l-0.424-0.045h7.607c7.229 1.166 13.718 3.206 19.76 6.041l-0.451-0.191h7.022c8.556 4.464 15.886 9.927 22.223 16.372l0.012 0.012c16.923 16.712 27.426 39.89 27.5 65.521v0.014c-0.016 8.559-1.299 16.812-3.668 24.592l0.158-0.601h-98.887c-0.004 0-0.008 0-0.012 0-7.873 0-14.294-6.219-14.615-14.014l-0.001-0.029zM290.823 819.191c0.287-3.59 0.451-7.773 0.451-11.996s-0.163-8.405-0.485-12.544l0.034 0.549c0.004-0.481 0.007-1.050 0.007-1.62 0-49.382-20.391-94-53.213-125.896l-0.041-0.040c-8.427-8.529-17.825-16.067-28.024-22.443l-0.647-0.377-9.947-6.436c-5.625-3.003-12.567-6.153-19.707-8.903l-1.358-0.459-11.702-4.681c-8.77-2.704-19.269-4.96-30.044-6.336l-0.968-0.101c-2.719-0.288-5.875-0.451-9.069-0.451s-6.35 0.165-9.458 0.484l0.389-0.033h-29.256v-210.060h49.736c9.036-1.557 16.909-3.588 24.522-6.182l-1.116 0.331 12.873-4.096c9.915-3.42 18.418-7.374 26.429-12.074l-0.683 0.37 9.362-5.266c11.406-7.555 21.355-15.646 30.453-24.6l-0.026 0.025c32.863-31.937 53.254-76.555 53.254-125.937 0-0.569-0.003-1.138-0.008-1.707v0.086c0.287-3.59 0.451-7.773 0.451-11.996s-0.163-8.405-0.485-12.544l0.034 0.549h442.355c-0.287 3.59-0.451 7.773-0.451 11.996s0.163 8.405 0.485 12.544l-0.034-0.549c-0.004 0.481-0.007 1.050-0.007 1.62 0 49.382 20.391 94 53.213 125.896l0.041 0.040c8.973 9.14 18.943 17.251 29.747 24.168l0.679 0.407 9.362 5.266c7.327 4.329 15.83 8.282 24.727 11.392l1.018 0.31 12.873 4.096c6.721 2.133 14.826 3.972 23.141 5.166l0.85 0.1h49.151v208.304h-29.256c-2.719-0.277-5.876-0.435-9.069-0.435s-6.351 0.158-9.463 0.466l0.394-0.032c-11.742 1.477-22.241 3.733-32.391 6.794l1.38-0.358-11.702 4.681c-9.096 3.533-16.61 7.072-23.848 11.051l1.029-0.518-9.947 6.436c-10.846 6.753-20.244 14.291-28.657 22.805l-0.015 0.015c-32.863 31.937-53.254 76.555-53.254 125.937 0 0.569 0.003 1.138 0.008 1.707v-0.086c-0.287 3.59-0.451 7.773-0.451 11.996s0.163 8.405 0.485 12.544l-0.034-0.549zM921.588 819.191h-98.887c-2.212-7.178-3.494-15.431-3.511-23.981v-0.010c0.074-25.645 10.578-48.823 27.491-65.525l0.010-0.010c6.226-6.647 13.589-12.14 21.793-16.186l0.443-0.197h7.022c5.388-2.223 11.845-4.236 18.507-5.704l0.802-0.148h7.607c3.162-0.418 6.82-0.657 10.532-0.657s7.37 0.239 10.956 0.701l-0.424-0.045h12.288v97.131c0 8.079-6.55 14.629-14.629 14.629v0z","M512 307.207c-113.105 0-204.793 91.69-204.793 204.793s91.69 204.793 204.793 204.793c113.105 0 204.793-91.69 204.793-204.793v0c0-113.105-91.69-204.793-204.793-204.793v0zM512 629.025c-64.631 0-117.025-52.394-117.025-117.025s52.394-117.025 117.025-117.025c64.631 0 117.025 52.394 117.025 117.025v0c0 64.631-52.394 117.025-117.025 117.025v0z"],"attrs":[{},{}],"tags":["money-bill"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":144,"id":63,"name":"money-bill","prevSize":80,"code":59764},"setIdx":0,"setId":1,"iconIdx":144},{"icon":{"paths":["M871.768 55.371h-553.491c-84.063 0-152.209 68.147-152.209 152.209v0 13.838h-13.838c-84.063 0-152.209 68.147-152.209 152.209v0 442.792c0 84.063 68.147 152.209 152.209 152.209v0h553.491c84.063 0 152.209-68.147 152.209-152.209v0-13.838h13.838c84.063 0 152.209-68.147 152.209-152.209v0-442.792c0-84.063-68.147-152.209-152.209-152.209v0zM249.092 207.58c0-38.21 30.976-69.186 69.186-69.186v0h553.491c38.21 0 69.186 30.976 69.186 69.186v0 343.163l-125.642-105.716c-7.15-6.241-16.567-10.047-26.872-10.047-12.495 0-23.684 5.595-31.196 14.418l-0.048 0.058-59.223 69.74-221.396-214.755c-6.965-8.265-17.229-13.559-28.735-13.836l-0.047-0.001c-11.963 0.464-22.566 5.925-29.844 14.338l-0.044 0.052-168.814 200.917zM318.279 719.559c-38.21 0-69.186-30.976-69.186-69.186v0-16.605l203.131-239.108 191.508 187.633-116.233 137.265zM774.908 816.42c0 38.21-30.976 69.186-69.186 69.186v0h-553.491c-38.21 0-69.186-30.976-69.186-69.186v0-442.792c0-38.21 30.976-69.186 69.186-69.186v0h13.838v345.932c0 84.063 68.147 152.209 152.209 152.209v0h456.629zM871.768 719.559h-235.233l157.191-184.866 145.567 123.429c-3.487 34.553-32.362 61.315-67.514 61.437h-0.013z"],"attrs":[{}],"tags":["images"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":143,"id":64,"name":"images","prevSize":80,"code":59763},"setIdx":0,"setId":1,"iconIdx":145},{"icon":{"paths":["M863.086 58.514h-702.171c-88.87 0-160.914 72.044-160.914 160.914v0 585.143c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-585.143c0-88.87-72.044-160.914-160.914-160.914v0zM160.914 146.285h702.171c40.395 0 73.142 32.747 73.142 73.142v0 479.232l-159.158-159.158c-7.493-7.993-18.119-12.974-29.908-12.974-1.007 0-2.005 0.036-2.992 0.108l0.133-0.008c-12.88 0.772-24.239 6.708-32.137 15.744l-0.047 0.055-75.483 90.697-269.166-269.166c-7.488-7.945-18.081-12.89-29.83-12.89-0.416 0-0.831 0.007-1.244 0.018l0.060-0.001c-12.88 0.772-24.239 6.708-32.137 15.744l-0.047 0.055-216.503 258.048v-405.504c0-40.395 32.747-73.142 73.142-73.142v0zM87.772 804.571v-42.716l251.612-301.934 241.079 241.079-147.456 175.543h-272.091c-0.003 0-0.005 0-0.010 0-39.984 0-72.475-32.083-73.133-71.911l-0.001-0.062zM863.086 877.715h-315.977l201.874-242.249 184.32 184.32c-6.765 33.136-35.591 57.744-70.197 57.929h-0.021z"],"attrs":[{}],"tags":["image"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":142,"id":65,"name":"image","prevSize":80,"code":59762},"setIdx":0,"setId":1,"iconIdx":146},{"icon":{"paths":["M863.075 1023.984h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c1.762 0.162 3.81 0.255 5.881 0.255 34.275 0 62.615-25.405 67.22-58.41l0.041-0.357v-729.651c-4.645-33.363-32.986-58.768-67.261-58.768-2.069 0-4.118 0.093-6.141 0.274l0.261-0.019h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c1.958-0.089 4.255-0.14 6.565-0.14 83.099 0 150.872 65.615 154.335 147.863l0.011 0.313v726.14c-3.472 82.56-71.246 148.176-154.344 148.176-2.309 0-4.606-0.051-6.89-0.151l0.325 0.011z","M453.487 789.935c-0.060 0-0.133 0-0.204 0-12.052 0-22.953-4.923-30.803-12.869l-0.004-0.004c-7.929-7.939-12.835-18.903-12.835-31.011s4.904-23.072 12.835-31.013v0l203.038-203.038-203.038-203.038c-7.297-7.816-11.777-18.344-11.777-29.917 0-24.237 19.648-43.884 43.884-43.884 11.575 0 22.101 4.48 29.943 11.802l-0.026-0.023 234.051 234.051c7.929 7.939 12.835 18.903 12.835 31.011s-4.904 23.072-12.835 31.013v0l-234.051 234.051c-7.854 7.95-18.755 12.873-30.807 12.873-0.071 0-0.144 0-0.215 0h0.011z","M687.538 555.884h-643.638c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h643.638c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{}],"tags":["sign-in"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":141,"id":66,"name":"sign-in","prevSize":80,"code":59760},"setIdx":0,"setId":1,"iconIdx":147},{"icon":{"paths":["M336.515 1023.832h-175.485c-1.958 0.089-4.254 0.14-6.563 0.14-83.075 0-150.827-65.596-154.289-147.819l-0.011-0.313v-727.679c3.471-82.536 71.225-148.132 154.298-148.132 2.309 0 4.605 0.051 6.888 0.151l-0.325-0.011h175.485c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0h-175.485c-1.762-0.162-3.809-0.255-5.879-0.255-34.265 0-62.596 25.397-67.2 58.393l-0.041 0.356v729.434c4.644 33.353 32.976 58.751 67.241 58.751 2.069 0 4.117-0.093 6.139-0.274l-0.26 0.019h175.485c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0z","M745.981 789.852c-0.060 0-0.133 0-0.204 0-12.048 0-22.946-4.922-30.794-12.865l-0.004-0.004c-7.927-7.937-12.831-18.898-12.831-31.002s4.903-23.065 12.831-31.003v0l202.978-202.978-202.978-202.978c-8.602-8.031-13.963-19.438-13.963-32.097 0-24.229 19.642-43.871 43.871-43.871 12.66 0 24.066 5.362 32.073 13.937l0.023 0.026 233.981 233.981c7.927 7.937 12.831 18.898 12.831 31.002s-4.903 23.065-12.831 31.003v0l-233.981 233.981c-7.852 7.948-18.75 12.869-30.798 12.869-0.071 0-0.144 0-0.215 0h0.011z","M979.961 555.871h-643.446c-24.229 0-43.871-19.642-43.871-43.871s19.642-43.871 43.871-43.871v0h643.446c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0z"],"attrs":[{},{},{}],"tags":["sign-out"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":140,"id":67,"name":"sign-out","prevSize":80,"code":59761},"setIdx":0,"setId":1,"iconIdx":148},{"icon":{"paths":["M823.892 558.055c-0.046 0-0.1 0-0.154 0-10.973 0-20.961-4.21-28.44-11.103l0.029 0.026c-74.352-66.801-173.194-107.653-281.576-107.653s-207.224 40.851-281.966 107.996l0.389-0.344c-7.699 6.911-17.932 11.137-29.152 11.137-12.958 0-24.6-5.638-32.606-14.593l-0.037-0.042c-6.617-7.695-10.645-17.782-10.645-28.809 0-13.081 5.67-24.84 14.685-32.949l0.041-0.036c89.475-80.776 208.611-130.198 339.291-130.198s249.814 49.422 339.736 130.594l-0.445-0.396c9.056 8.146 14.726 19.904 14.726 32.986 0 11.028-4.029 21.114-10.694 28.868l0.049-0.059c-8.339 8.889-20.122 14.46-33.209 14.575h-0.020z","M978.379 395.406c-11.486-0.060-21.927-4.48-29.763-11.688l0.031 0.029c-113.494-108.335-267.577-175.003-437.231-175.003s-323.736 66.669-437.478 175.238l0.247-0.234c-8.074 9.555-20.065 15.58-33.462 15.58-24.147 0-43.723-19.576-43.723-43.723 0-14.862 7.414-27.991 18.746-35.891l0.142-0.094c128.857-122.252 303.412-197.437 495.528-197.437s366.671 75.186 495.847 197.738l-0.318-0.301c8.63 8.010 14.013 19.416 14.013 32.079 0 23.746-18.928 43.070-42.521 43.707l-0.059 0.001z","M359.26 724.203c-14.255 0-26.917-6.822-34.899-17.38l-0.079-0.109c-5.603-7.207-8.984-16.384-8.984-26.351 0-14.271 6.93-26.924 17.608-34.778l0.12-0.083c49.111-37.883 111.521-60.719 179.265-60.719s130.154 22.836 179.953 61.23l-0.689-0.51c10.667 8.061 17.489 20.723 17.489 34.978 0 9.892-3.285 19.018-8.824 26.343l0.079-0.109c-8.18 10.541-20.853 17.261-35.095 17.261-9.821 0-18.895-3.195-26.241-8.603l0.123 0.086c-34.771-26.697-78.905-42.783-126.797-42.783s-92.026 16.086-127.294 43.149l0.497-0.366c-7.262 5.353-16.355 8.615-26.202 8.745h-0.031z","M512 905.508c-24.147 0-43.723-19.576-43.723-43.723s19.576-43.723 43.723-43.723v0 0c24.147 0 43.723 19.576 43.723 43.723s-19.576 43.723-43.723 43.723v0z"],"attrs":[{},{},{},{}],"tags":["wifi"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":139,"id":68,"name":"wifi","prevSize":80,"code":59759},"setIdx":0,"setId":1,"iconIdx":149},{"icon":{"paths":["M590.766 393.851h-157.532c-50.632-0.297-91.598-41.261-91.894-91.866v-157.56c0.297-50.632 41.261-91.598 91.866-91.894h157.56c50.632 0.297 91.598 41.261 91.894 91.866v157.56c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM433.234 131.298c-7.25 0-13.128 5.878-13.128 13.128v0 157.532c0 7.25 5.878 13.128 13.128 13.128v0h157.532c7.25 0 13.128-5.878 13.128-13.128v0-157.532c0-7.25-5.878-13.128-13.128-13.128v0z","M196.936 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM91.915 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z","M564.511 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM459.489 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z","M932.085 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM827.064 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z","M879.575 708.915c-21.632-0.292-39.091-17.751-39.383-39.355v-105.049c0-7.25-5.878-13.128-13.128-13.128v0h-630.129c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 21.751-17.633 39.383-39.383 39.383s-39.383-17.633-39.383-39.383v0-105.021c0.297-50.632 41.261-91.598 91.866-91.894h630.157c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.292 21.632-17.751 39.091-39.355 39.383h-0.028z","M512 708.915c-21.632-0.292-39.091-17.751-39.383-39.355v-315.093c0-21.751 17.633-39.383 39.383-39.383s39.383 17.633 39.383 39.383v0 315.064c-0.292 21.632-17.751 39.091-39.355 39.383h-0.028z"],"attrs":[{},{},{},{},{},{}],"tags":["sitemap"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":138,"id":69,"name":"sitemap","prevSize":80,"code":59758},"setIdx":0,"setId":1,"iconIdx":150},{"icon":{"paths":["M46.545 1024c-25.567-0.345-46.201-20.979-46.545-46.512v-930.943c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 930.909c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z","M977.455 1024h-930.909c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h930.909c25.706 0 46.545 20.839 46.545 46.545s-20.839 46.545-46.545 46.545v0z","M263.757 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-248.276c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 248.243c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z","M480.97 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-496.518c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 496.484c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z","M698.182 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-248.276c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 248.243c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z","M915.393 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-496.518c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 496.484c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z"],"attrs":[{},{},{},{},{},{}],"tags":["chart-bar"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":137,"id":70,"name":"chart-bar","prevSize":80,"code":59757},"setIdx":0,"setId":1,"iconIdx":151},{"icon":{"paths":["M863.086 936.228h-702.171c-88.87 0-160.914-72.044-160.914-160.914v0-351.086c0-88.87 72.044-160.914 160.914-160.914v0h35.109l69.047-102.4c29.412-43.303 78.425-71.379 133.997-71.387h225.866c55.573 0.008 104.587 28.085 133.636 70.825l0.361 0.562 69.047 102.4h35.109c88.87 0 160.914 72.044 160.914 160.914v0 351.086c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 351.086c-40.395 0-73.142 32.747-73.142 73.142v0 351.086c0 40.395 32.747 73.142 73.142 73.142v0h702.171c40.395 0 73.142-32.747 73.142-73.142v0-351.086c0-40.395-32.747-73.142-73.142-73.142v0h-58.515c-15.035-0.029-28.294-7.614-36.181-19.159l-0.097-0.151-80.75-123.466c-12.764-19.278-34.075-32.011-58.402-32.765l-0.111-0.003h-229.961c-24.44 0.758-45.751 13.489-58.346 32.499l-0.167 0.269-84.846 123.466c-7.986 11.696-21.243 19.281-36.274 19.31h-0.004z","M512 760.685c-105.028 0-190.172-85.142-190.172-190.172s85.142-190.172 190.172-190.172c105.028 0 190.172 85.142 190.172 190.172v0c-0.332 104.895-85.277 189.84-190.139 190.172h-0.032zM512 468.114c-56.554 0-102.4 45.845-102.4 102.4s45.845 102.4 102.4 102.4c56.554 0 102.4-45.845 102.4-102.4v0c-0.331-56.421-45.979-102.070-102.369-102.4h-0.032z"],"attrs":[{},{}],"tags":["camera"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":136,"id":71,"name":"camera","prevSize":80,"code":59756},"setIdx":0,"setId":1,"iconIdx":152},{"icon":{"paths":["M512 1023.977c-24.105-0.325-43.559-19.779-43.884-43.852v-936.219c0-24.236 19.648-43.884 43.884-43.884s43.884 19.648 43.884 43.884v0 936.187c-0.325 24.105-19.779 43.559-43.852 43.884h-0.032z","M599.768 906.954h-380.325c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h380.325c3.954 0.373 8.548 0.587 13.193 0.587 76.308 0 139.186-57.511 147.651-131.554l0.063-0.684c-8.529-74.727-71.406-132.238-147.714-132.238-4.645 0-9.24 0.213-13.775 0.629l0.583-0.044h-175.535c-4.502 0.309-9.759 0.484-15.056 0.484-124.284 0-225.944-96.875-233.585-219.234l-0.033-0.671c7.676-123.029 109.334-219.903 233.619-219.903 5.298 0 10.553 0.176 15.762 0.522l-0.706-0.037h321.815c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0h-321.815c-3.954-0.373-8.548-0.587-13.193-0.587-76.308 0-139.186 57.511-147.651 131.554l-0.063 0.684c8.529 74.727 71.406 132.238 147.714 132.238 4.645 0 9.24-0.213 13.775-0.629l-0.583 0.044h175.535c4.502-0.309 9.759-0.484 15.056-0.484 124.284 0 225.944 96.875 233.585 219.234l0.033 0.671c-7.676 123.029-109.334 219.903-233.619 219.903-5.298 0-10.553-0.176-15.762-0.522l0.706 0.037z"],"attrs":[{},{}],"tags":["dollar"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":135,"id":72,"name":"dollar","prevSize":80,"code":59755},"setIdx":0,"setId":1,"iconIdx":153},{"icon":{"paths":["M746.049 0.019c-153.498 0-277.933 124.435-277.933 277.933v0 131.652h-307.189c-88.867 0-160.908 72.041-160.908 160.908v0 292.56c0 88.867 72.041 160.908 160.908 160.908v0h409.585c88.867 0 160.908-72.041 160.908-160.908v0-292.56c0-88.867-72.041-160.908-160.908-160.908v0h-14.628v-131.652c0-105.024 85.139-190.165 190.165-190.165s190.165 85.139 190.165 190.165v0c0 24.236 19.648 43.884 43.884 43.884s43.884-19.648 43.884-43.884v0c0-153.498-124.435-277.933-277.933-277.933v0zM643.652 570.513v292.56c0 40.394-32.746 73.14-73.14 73.14v0h-409.585c-40.394 0-73.14-32.746-73.14-73.14v0-292.56c0-40.394 32.746-73.14 73.14-73.14v0h409.585c40.394 0 73.14 32.746 73.14 73.14v0z"],"attrs":[{}],"tags":["lock-open"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":134,"id":73,"name":"lock-open","prevSize":80,"code":59754},"setIdx":0,"setId":1,"iconIdx":154},{"icon":{"paths":["M863.086 58.514h-702.171c-88.87 0-160.914 72.044-160.914 160.914v0 585.143c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-585.143c0-88.87-72.044-160.914-160.914-160.914v0zM936.228 219.429v248.685h-380.342v-321.829h307.2c40.395 0 73.142 32.747 73.142 73.142v0zM160.914 146.285h307.2v321.829h-380.342v-248.685c0-40.395 32.747-73.142 73.142-73.142v0zM87.772 804.571v-248.685h380.342v321.829h-307.2c-40.395 0-73.142-32.747-73.142-73.142v0zM863.086 877.715h-307.2v-321.829h380.342v248.685c0 40.395-32.747 73.142-73.142 73.142v0z"],"attrs":[{}],"tags":["table"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":133,"id":74,"name":"table","prevSize":80,"code":59753},"setIdx":0,"setId":1,"iconIdx":155},{"icon":{"paths":["M512 1022.599c-0.113 0.001-0.245 0.001-0.378 0.001-8.356 0-16.084-2.691-22.364-7.254l0.11 0.076c-16.56-10.488-405.166-271.583-405.166-588.982 0-236.266 191.533-427.799 427.799-427.799s427.799 191.533 427.799 427.799v0c0 317.399-386.399 578.495-405.166 588.982-6.17 4.487-13.897 7.178-22.254 7.178-0.133 0-0.265-0.001-0.397-0.003h0.021zM512 84.201c-0.329-0.001-0.718-0.001-1.107-0.001-189.346 0-342.951 153.026-343.891 342.151v0.089c0 232.392 264.407 444.91 344.999 503.975 80.591-59.063 344.999-271.583 344.999-503.975-0.939-189.216-154.544-342.241-343.891-342.241-0.389 0-0.779 0.001-1.168 0.003h0.061z","M512 553.4c-83.836 0-151.799-67.963-151.799-151.799s67.963-151.799 151.799-151.799c83.836 0 151.799 67.963 151.799 151.799v0c0 83.836-67.963 151.799-151.799 151.799v0zM512 332.6c-38.107 0-68.999 30.892-68.999 68.999s30.892 68.999 68.999 68.999c38.107 0 68.999-30.892 68.999-68.999v0c0-38.107-30.892-68.999-68.999-68.999v0z"],"attrs":[{},{}],"tags":["map-marker"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":132,"id":75,"name":"map-marker","prevSize":80,"code":59752},"setIdx":0,"setId":1,"iconIdx":156},{"icon":{"paths":["M967.082 560.759h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z","M967.082 268.207h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z","M967.082 853.311h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z","M56.918 284.46c-0.236 0.003-0.517 0.005-0.797 0.005-8.607 0-16.825-1.673-24.344-4.711l0.436 0.155c-8.191-4.021-15.246-8.79-21.551-14.388l0.098 0.085c-11.653-11.746-18.854-27.923-18.854-45.783 0-0.133 0-0.264 0.002-0.396v0.020c0.258-17.936 7.392-34.155 18.879-46.185l-0.024 0.026c5.935-5.857 13.086-10.5 21.038-13.514l0.416-0.139c7.303-3.084 15.795-4.877 24.704-4.877s17.401 1.792 25.134 5.036l-0.428-0.16c8.326 3.279 15.455 7.903 21.477 13.674l-0.023-0.021c11.461 12.002 18.595 28.224 18.853 46.107v0.050c0 0.111 0.002 0.244 0.002 0.376 0 17.859-7.201 34.037-18.859 45.786l0.005-0.005c-6.208 5.511-13.262 10.282-20.899 14.055l-0.555 0.248c-7.082 2.883-15.3 4.556-23.909 4.556-0.28 0-0.559-0.002-0.84-0.005h0.043z","M56.918 577.012c-8.949-0.111-17.424-2.014-25.124-5.363l0.419 0.163c-8.262-3.501-15.357-8.097-21.513-13.706l0.059 0.053c-11.653-11.746-18.854-27.923-18.854-45.783 0-0.133 0-0.264 0.002-0.396v0.020c0.258-17.936 7.392-34.155 18.879-46.185l-0.024 0.026c6.096-5.555 13.192-10.151 20.966-13.467l0.488-0.186c8.019-3.808 17.424-6.032 27.348-6.032 3.658 0 7.245 0.302 10.739 0.882l-0.379-0.052 11.702 3.901 11.702 5.851c3.642 2.58 6.822 5.141 9.837 7.878l-0.085-0.076c11.672 12.226 18.854 28.826 18.854 47.102 0 0.125 0 0.251-0.002 0.376v-0.020c0 35.905-29.107 65.012-65.012 65.012v0z","M56.918 869.564c-0.236 0.003-0.517 0.005-0.797 0.005-8.607 0-16.825-1.673-24.344-4.711l0.436 0.155c-8.191-4.021-15.246-8.79-21.551-14.388l0.098 0.085c-5.555-6.096-10.151-13.192-13.467-20.966l-0.186-0.488c-3.296-7.27-5.216-15.763-5.216-24.704s1.92-17.436 5.371-25.089l-0.155 0.385c3.501-8.262 8.097-15.357 13.706-21.513l-0.053 0.059c11.733-11.582 27.863-18.736 45.663-18.736 9.098 0 17.76 1.87 25.624 5.245l-0.424-0.162c8.326 3.279 15.455 7.903 21.477 13.674l-0.023-0.021c5.555 6.096 10.151 13.192 13.467 20.966l0.186 0.488c3.296 7.27 5.216 15.763 5.216 24.704s-1.92 17.436-5.371 25.089l0.155-0.385c-3.501 8.262-8.097 15.357-13.706 21.513l0.053-0.059c-11.746 11.653-27.923 18.854-45.783 18.854-0.133 0-0.264 0-0.396-0.002h0.020z"],"attrs":[{},{},{},{},{},{}],"tags":["list"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{},{},{}],"properties":{"order":131,"id":76,"name":"list","prevSize":80,"code":59751},"setIdx":0,"setId":1,"iconIdx":157},{"icon":{"paths":["M1020.3 494.452c-7.019-15.208-167.289-377.277-508.3-377.277-0.14 0-0.306 0-0.472 0-34.241 0-67.586 3.836-99.63 11.102l3.004-0.573c-18.045 5.713-30.896 22.309-30.896 41.908 0 24.228 19.641 43.869 43.869 43.869 2.026 0 4.020-0.137 5.972-0.403l-0.228 0.025c23.536-5.148 50.592-8.127 78.334-8.188h0.045c244.499 0 384.881 239.819 419.391 307.086-23.064 44.686-47.534 82.99-75.058 118.824l1.357-1.84c-5.75 7.348-9.221 16.722-9.221 26.907 0 24.18 19.562 43.79 43.724 43.869h0.007c13.993-0.045 26.437-6.635 34.437-16.866l0.073-0.096c34.924-43.997 66.128-93.737 91.55-146.775l2.039-4.721c2.455-5.422 3.887-11.757 3.887-18.425s-1.431-13.003-4.002-18.713l0.117 0.288z","M192.045 130.044c-7.813-7.295-18.337-11.773-29.907-11.773-24.228 0-43.869 19.641-43.869 43.869 0 11.571 4.479 22.094 11.798 29.933l-0.023-0.026 53.813 53.813c-74.699 68.875-135.393 151.659-178.181 244.402l-1.975 4.776c-2.203 5.093-3.485 11.025-3.485 17.256s1.282 12.161 3.596 17.545l-0.111-0.289c7.019 15.208 167.289 377.277 508.3 377.277 0.681 0.004 1.487 0.005 2.294 0.005 94.711 0 182.793-28.386 256.201-77.116l-1.714 1.069 63.172 63.172c7.936 7.927 18.897 12.83 31.001 12.83s23.064-4.902 31.002-12.83v0c7.927-7.936 12.83-18.897 12.83-31.001s-4.902-23.064-12.83-31.002v0zM416.073 480.999l129.268 129.853c-9.942 3.409-21.397 5.378-33.312 5.378-28.107 0-53.656-10.952-72.612-28.824l0.052 0.049c-18.724-18.468-30.323-44.118-30.323-72.478 0-13.277 2.543-25.962 7.167-37.592l-0.241 0.688zM512 819.086c-245.083 0-384.881-240.404-419.391-307.086 39.962-79.399 91.284-146.975 152.768-203.701l0.481-0.439 104.701 104.701c-17.797 28.341-28.353 62.795-28.353 99.714 0 104.667 84.849 189.516 189.516 189.516 36.919 0 71.373-10.557 100.508-28.817l-0.792 0.463 94.173 94.173c-54.756 32.362-120.666 51.482-191.042 51.482-0.903 0-1.805-0.003-2.708-0.010l0.138 0.001z"],"attrs":[{},{}],"tags":["eye-slash"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":130,"id":77,"name":"eye-slash","prevSize":80,"code":59749},"setIdx":0,"setId":1,"iconIdx":158},{"icon":{"paths":["M512 906.971c-341.139 0-501.467-362.204-508.489-377.417-2.22-5.185-3.511-11.22-3.511-17.554s1.291-12.369 3.623-17.853l-0.112 0.299c7.022-15.213 167.351-377.417 508.489-377.417s501.467 362.204 508.489 377.417c2.22 5.185 3.511 11.22 3.511 17.554s-1.291 12.369-3.623 17.853l0.112-0.299c-7.022 15.213-167.351 377.417-508.489 377.417zM92.453 512c34.523 67.292 175.543 307.2 419.547 307.2s385.024-239.908 419.547-307.2c-34.523-67.292-175.543-307.2-419.547-307.2s-385.024 239.908-419.547 307.2z","M512 702.172c-105.028 0-190.172-85.142-190.172-190.172s85.142-190.172 190.172-190.172c105.028 0 190.172 85.142 190.172 190.172v0c-0.332 104.895-85.277 189.84-190.139 190.172h-0.032zM512 409.6c-56.554 0-102.4 45.845-102.4 102.4s45.845 102.4 102.4 102.4c56.554 0 102.4-45.845 102.4-102.4v0c-0.331-56.421-45.979-102.070-102.369-102.4h-0.032z"],"attrs":[{},{}],"tags":["eye"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":129,"id":78,"name":"eye","prevSize":80,"code":59750},"setIdx":0,"setId":1,"iconIdx":159},{"icon":{"paths":["M82.761 872.006h-83.078v-609.242c-0.010-0.662-0.017-1.442-0.017-2.225 0-82.317 66.265-149.157 148.363-150.085l0.088-0.001h133.48c0.27-0.006 0.588-0.010 0.906-0.010 12.364 0 23.485 5.331 31.186 13.821l0.031 0.035 147.88 178.895h271.943c0.175-0.001 0.383-0.001 0.591-0.001 82.895 0 150.096 67.2 150.096 150.096 0 1.168-0.013 2.335-0.040 3.497l0.003-0.173v27.692h-83.078v-27.692c0.013-0.495 0.021-1.077 0.021-1.662 0-37.318-30.252-67.57-67.57-67.57-0.008 0-0.014 0-0.022 0h-291.881c-12.686-0.029-24.015-5.815-31.514-14.885l-0.056-0.069-147.88-178.895h-114.094c-36.362 1.219-65.376 30.988-65.376 67.535 0 0.597 0.008 1.192 0.023 1.785l-0.001-0.088z","M795.574 913.546h-754.353c-14.913-0.126-27.961-7.987-35.343-19.762l-0.103-0.177c-3.401-5.891-5.407-12.958-5.407-20.493s2.007-14.601 5.513-20.694l-0.106 0.201 187.203-360.006c7.347-13.219 21.185-22.042 37.092-22.155h752.707c14.913 0.126 27.961 7.987 35.343 19.762l0.103 0.177c3.401 5.891 5.407 12.958 5.407 20.493s-2.007 14.601-5.513 20.694l0.106-0.201-187.203 360.006c-7.071 12.759-20.17 21.423-35.35 22.151l-0.097 0.004zM109.346 830.467h661.305l144.002-276.928h-661.305z"],"attrs":[{},{}],"tags":["folder-open"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":128,"id":79,"name":"folder-open","prevSize":80,"code":59748},"setIdx":0,"setId":1,"iconIdx":160},{"icon":{"paths":["M853.323 961.925h-682.645c-94.253 0-170.661-76.408-170.661-170.661v0-558.528c0-94.253 76.408-170.661 170.661-170.661v0h155.147c0.039 0 0.084 0 0.131 0 13.934 0 26.476 5.965 35.211 15.48l0.032 0.035 171.903 201.070h320.223c0 0 0 0 0.001 0 94.253 0 170.661 76.408 170.661 170.661 0 0.218 0 0.436-0.001 0.655v-0.033 341.323c0 94.253-76.408 170.661-170.661 170.661v0zM170.677 155.163c-42.842 0-77.573 34.731-77.573 77.573v0 558.528c0 42.842 34.731 77.573 77.573 77.573v0h682.645c42.842 0 77.573-34.731 77.573-77.573v0-341.323c0-42.842-34.731-77.573-77.573-77.573v0h-341.323c-14.071-0.131-26.67-6.321-35.33-16.085l-0.044-0.049-171.903-201.070z"],"attrs":[{}],"tags":["folder"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":126,"id":80,"name":"folder","prevSize":80,"code":59747},"setIdx":0,"setId":1,"iconIdx":161},{"icon":{"paths":["M570.515 906.971h-409.6c-88.87 0-160.914-72.044-160.914-160.914v0-468.114c0-88.87 72.044-160.914 160.914-160.914v0h409.6c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 204.8c-40.395 0-73.142 32.747-73.142 73.142v0 468.114c0 40.395 32.747 73.142 73.142 73.142v0h409.6c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0z","M980.114 789.943c-8.437-0.136-16.291-2.51-23.030-6.553l0.21 0.117-292.571-175.543c-12.706-7.831-21.051-21.663-21.065-37.447v-117.029c0.014-15.785 8.359-29.619 20.876-37.34l0.189-0.108 292.571-175.543c6.348-3.861 14.026-6.145 22.235-6.145s15.887 2.285 22.428 6.254l-0.192-0.108c13.334 7.666 22.183 21.811 22.235 38.027v468.122c-0.053 16.223-8.901 30.368-22.022 37.921l-0.213 0.112c-5.841 3.327-12.834 5.288-20.285 5.288-0.48 0-0.959-0.008-1.435-0.025l0.069 0.001zM731.429 545.939l204.8 122.88v-313.636l-204.8 122.88z"],"attrs":[{},{}],"tags":["video"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":125,"id":81,"name":"video","prevSize":80,"code":59746},"setIdx":0,"setId":1,"iconIdx":162},{"icon":{"paths":["M862.966 979.954h-701.931c-88.84 0-160.859-72.019-160.859-160.859v0-350.966c0-24.229 19.642-43.871 43.871-43.871s43.871 19.642 43.871 43.871v0 350.966c-0.014 0.522-0.021 1.138-0.021 1.755 0 40.382 32.736 73.117 73.117 73.117 0.007 0 0.015 0 0.022 0h701.93c40.382 0 73.117-32.736 73.117-73.117v0-350.966c0-24.229 19.642-43.871 43.871-43.871s43.871 19.642 43.871 43.871v0 350.966c-0.991 88.083-72.627 159.104-160.849 159.104-0.004 0-0.007 0-0.011 0h0.001z","M512 702.107c-0.038 0-0.085 0-0.13 0-110.716 0-202.222-82.245-216.757-188.973l-0.126-1.134h-250.94c-0.097 0.001-0.211 0.001-0.326 0.001-24.229 0-43.871-19.642-43.871-43.871 0-8.677 2.52-16.767 6.867-23.575l-0.106 0.177 218.184-350.966c17.362-29.96 49.275-49.789 85.818-49.789 1.293 0 2.582 0.025 3.862 0.074l-0.185-0.005h395.422c40.382 0.115 75.22 23.729 91.572 57.882l0.265 0.613 215.844 347.456c2.498 5.344 3.955 11.604 3.955 18.204 0 23.357-18.253 42.45-41.273 43.795l-0.119 0.005h-250.94c-14.66 107.862-106.167 190.107-216.883 190.107-0.047 0-0.092 0-0.138 0h0.007zM123.014 426.013h213.504c24.229 0 43.871 19.642 43.871 43.871v0 12.869c0 72.687 58.925 131.612 131.612 131.612s131.612-58.925 131.612-131.612v0-12.869c0-24.229 19.642-43.871 43.871-43.871v0h213.504l-175.483-284.282c-4.679-8.189-9.36-11.698-15.208-11.698h-396.006c-5.783 0.148-10.777 3.381-13.412 8.109l-0.041 0.081z"],"attrs":[{},{}],"tags":["inbox"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":124,"id":82,"name":"inbox","prevSize":80,"code":59745},"setIdx":0,"setId":1,"iconIdx":163},{"icon":{"paths":["M804.555 409.605h-14.628v-131.65c0-153.495-124.432-277.928-277.928-277.928s-277.928 124.432-277.928 277.928v0 131.65h-14.628c-88.865 0-160.905 72.040-160.905 160.905v0 292.555c0 88.865 72.040 160.905 160.905 160.905v0h585.111c88.865 0 160.905-72.040 160.905-160.905v0-292.555c0-88.865-72.040-160.905-160.905-160.905v0zM321.839 277.955c0-105.022 85.138-190.161 190.161-190.161s190.161 85.138 190.161 190.161v0 131.65h-380.321zM877.694 863.066c0 40.393-32.745 73.138-73.138 73.138v0h-585.111c-40.393 0-73.138-32.745-73.138-73.138v0-292.555c0-40.393 32.745-73.138 73.138-73.138v0h585.111c40.393 0 73.138 32.745 73.138 73.138v0z"],"attrs":[{}],"tags":["lock"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":123,"id":83,"name":"lock","prevSize":80,"code":59743},"setIdx":0,"setId":1,"iconIdx":164},{"icon":{"paths":["M804.555 409.605h-482.716v-131.65c0-105.022 85.138-190.161 190.161-190.161s190.161 85.138 190.161 190.161v0c0 24.236 19.647 43.883 43.883 43.883s43.883-19.647 43.883-43.883v0c0-153.495-124.432-277.928-277.928-277.928s-277.928 124.432-277.928 277.928v0 131.65h-14.628c-88.865 0-160.905 72.040-160.905 160.905v0 292.555c0 88.865 72.040 160.905 160.905 160.905v0h585.111c88.865 0 160.905-72.040 160.905-160.905v0-292.555c0-88.865-72.040-160.905-160.905-160.905v0zM877.694 863.066c0 40.393-32.745 73.138-73.138 73.138v0h-585.111c-40.393 0-73.138-32.745-73.138-73.138v0-292.555c0-40.393 32.745-73.138 73.138-73.138v0h585.111c40.393 0 73.138 32.745 73.138 73.138v0z"],"attrs":[{}],"tags":["unlock"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":122,"id":84,"name":"unlock","prevSize":80,"code":59744},"setIdx":0,"setId":1,"iconIdx":165},{"icon":{"paths":["M988.652 422.661l-315.315-315.315c-7.357-7.357-17.342-11.562-27.852-11.562h-606.456c-21.546 0-39.414 17.868-39.414 39.414v414.113c0 10.51 4.204 20.495 11.562 27.852l315.315 314.789c23.123 23.123 53.604 35.735 86.186 35.735v0c32.582 0 63.589-12.613 86.186-35.735l11.562-11.562c2.103 4.204 4.204 8.409 7.883 11.562 23.649 23.649 55.18 35.735 86.186 35.735s62.537-12.087 86.712-35.735l296.922-296.922c47.297-47.297 47.297-124.549 0-172.373zM443.681 836.249c-8.409 8.409-18.919 12.613-30.481 12.613s-22.598-4.73-30.481-12.613l-304.279-303.228v-358.409h358.409l303.753 303.753c16.816 16.816 16.816 44.144 0 60.961l-296.922 296.922zM932.946 539.328l-296.922 296.922c-16.816 16.816-44.67 16.816-61.486 0-3.679-3.679-7.357-5.78-12.087-7.883l233.333-233.333c47.297-47.823 47.297-125.075 0-172.373l-248.048-248.048h80.931l303.753 303.753c16.816 16.816 16.816 44.144 0 60.961zM314.928 328.067c0 36.261-29.429 65.69-65.69 65.69s-65.69-29.429-65.69-65.69 29.429-65.69 65.69-65.69 65.69 29.429 65.69 65.69z"],"attrs":[{}],"tags":["tags"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":121,"id":85,"name":"tags","prevSize":80,"code":59741},"setIdx":0,"setId":1,"iconIdx":166},{"icon":{"paths":["M532.53 1023.985c-37.212 0-74.423-14.115-102.654-42.345l-415.747-415.105c-8.982-8.982-14.115-21.172-14.115-34.004v-484.396c0-26.304 21.814-48.119 48.119-48.119h483.756c12.831 0 25.022 5.132 34.004 14.115l415.747 415.747c55.818 56.46 55.818 148.206 0 204.666 0 0 0 0 0 0l-347.098 347.098c-28.229 28.229-65.442 42.345-102.654 42.345zM96.253 512.642l401.632 400.991c19.248 18.605 50.044 18.605 68.649 0l347.098-347.098c18.605-18.605 18.605-49.402 0-68.649l-401.632-401.632h-415.747v415.747zM947.637 600.539v0zM287.446 367.643c-44.269 0-80.198-35.928-80.198-80.198s35.928-80.198 80.198-80.198 80.198 35.928 80.198 80.198-35.928 80.198-80.198 80.198z"],"attrs":[{}],"tags":["tag"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":120,"id":86,"name":"tag","prevSize":80,"code":59742},"setIdx":0,"setId":1,"iconIdx":167},{"icon":{"paths":["M512 1024.445c-282.822-0.256-511.994-229.587-511.994-512.445 0-141.396 57.267-269.417 149.871-362.133l-0.005 0.005c7.661-7.856 18.351-12.73 30.177-12.73s22.516 4.874 30.169 12.72l0.008 0.009c7.716 7.725 12.49 18.395 12.49 30.177s-4.772 22.451-12.49 30.178v0c-83.727 78.173-135.917 189.204-135.917 312.426 0 235.846 191.191 427.037 427.037 427.037 123.22 0 234.253-52.189 312.196-135.668l0.23-0.248c77.442-77.134 125.361-183.857 125.361-301.773s-47.919-224.639-125.347-301.759l-0.015-0.015c-7.716-7.725-12.49-18.395-12.49-30.177s4.772-22.451 12.49-30.178v0c7.661-7.856 18.351-12.73 30.177-12.73s22.516 4.874 30.169 12.72l0.008 0.009c92.6 92.711 149.866 220.732 149.866 362.128 0 282.858-229.172 512.187-511.97 512.445h-0.024z","M512 554.704c-23.456-0.316-42.387-19.247-42.704-42.673v-455.537c0-23.584 19.119-42.704 42.704-42.704s42.704 19.119 42.704 42.704v0 455.506c-0.316 23.456-19.247 42.387-42.673 42.704h-0.031z"],"attrs":[{},{}],"tags":["power-off"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":119,"id":87,"name":"power-off","prevSize":80,"code":59740},"setIdx":0,"setId":1,"iconIdx":168},{"icon":{"paths":["M804.571 1024h-585.143c-88.87 0-160.914-72.044-160.914-160.914v0-702.171c0-88.87 72.044-160.914 160.914-160.914v0h438.857c12.114 0.011 23.078 4.929 31.012 12.872v0l263.314 265.070c7.945 7.935 12.863 18.898 12.874 31.011v554.133c0 88.87-72.044 160.914-160.914 160.914v0zM219.429 87.772c-40.395 0-73.142 32.747-73.142 73.142v0 702.171c0 40.395 32.747 73.142 73.142 73.142v0h585.143c40.395 0 73.142-32.747 73.142-73.142v0-537.747l-237.568-237.568z","M789.943 980.114h-87.771v-365.715h-380.342v365.715h-87.771v-380.342c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0z","M539.501 321.828h-230.547c-41.436-0.331-74.901-33.998-74.901-75.481 0-0.207 0.001-0.413 0.003-0.619v0.032-201.874h87.771v190.172h204.8v-190.172h87.771v201.874c0.001 0.174 0.003 0.381 0.003 0.587 0 41.483-33.464 75.152-74.869 75.481h-0.032z"],"attrs":[{},{},{}],"tags":["save"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":118,"id":88,"name":"save","prevSize":80,"code":59739},"setIdx":0,"setId":1,"iconIdx":169},{"icon":{"paths":["M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM512 938.667c-235.641 0-426.667-191.025-426.667-426.667s191.025-426.667 426.667-426.667c235.641 0 426.667 191.025 426.667 426.667v0c0 235.641-191.025 426.667-426.667 426.667v0z","M381.156 267.377c-33.393 33.448-54.044 79.627-54.044 130.628 0 0.076 0 0.152 0 0.228v-0.012c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v0c-0.001-0.156-0.001-0.341-0.001-0.525 0-27.345 11.088-52.101 29.015-70.016v0c18.327-17.443 43.181-28.173 70.543-28.173s52.216 10.731 70.585 28.213l-0.043-0.040c18.449 18.085 29.885 43.264 29.885 71.115 0 54.983-44.572 99.556-99.556 99.556-0.307 0-0.613-0.001-0.919-0.004h0.047c-23.436 0.316-42.351 19.231-42.667 42.636v56.92c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v0-19.343c34.751-8.129 64.687-25.311 88.169-48.916l0.008-0.008c33.387-33.532 54.025-79.777 54.025-130.844s-20.64-97.313-54.032-130.851l0.007 0.007c-34.036-32.508-80.253-52.515-131.144-52.515-50.6 0-96.58 19.779-130.632 52.028l0.087-0.081z","M583.111 753.777c0 39.273-31.837 71.111-71.111 71.111s-71.111-31.837-71.111-71.111c0-39.273 31.837-71.111 71.111-71.111s71.111 31.837 71.111 71.111z"],"attrs":[{},{},{}],"tags":["question-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":117,"id":89,"name":"question-circle","prevSize":80,"code":59737},"setIdx":0,"setId":1,"iconIdx":170},{"icon":{"paths":["M750.032 98.514c-60.88-61-145.050-98.738-238.034-98.738-185.726 0-336.287 150.56-336.287 336.287 0 0.17 0 0.34 0 0.511v-0.026c0 24.225 19.639 43.864 43.864 43.864s43.864-19.639 43.864-43.864v0c0-0.174 0-0.378 0-0.584 0-137.598 111.546-249.145 249.145-249.145s249.145 111.546 249.145 249.145c0 137.598-111.546 249.145-249.145 249.145-0.206 0-0.411 0-0.617-0.001h0.032c-24.093 0.325-43.539 19.77-43.864 43.832v117c0 24.225 19.639 43.864 43.864 43.864s43.864-19.639 43.864-43.864v0-76.031c165.808-22.845 292.141-163.614 292.141-333.889 0-92.678-37.425-176.615-97.988-237.522l0.016 0.016z","M585.105 950.635c0 40.375-32.73 73.105-73.105 73.105s-73.105-32.73-73.105-73.105c0-40.375 32.73-73.105 73.105-73.105s73.105 32.73 73.105 73.105z"],"attrs":[{},{}],"tags":["question"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":116,"id":90,"name":"question","prevSize":80,"code":59738},"setIdx":0,"setId":1,"iconIdx":171},{"icon":{"paths":["M907.406 301.957l-290.385-290.385c-7.121-7.13-16.959-11.543-27.829-11.553h-129.703c-79.752 0-144.404 64.652-144.404 144.404v0 65.638h-65.638c-79.752 0-144.404 64.652-144.404 144.404v0 525.108c0 79.752 64.652 144.404 144.404 144.404v0h367.575c79.752 0 144.404-64.652 144.404-144.404v0-65.638h13.128c79.752 0 144.404-64.652 144.404-144.404v0-341.319c-0.443-10.296-4.774-19.502-11.552-26.254l-0.001-0.001zM630.149 134.448l154.382 154.382h-154.382zM682.66 879.575c0 36.251-29.387 65.638-65.638 65.638v0h-367.575c-36.251 0-65.638-29.387-65.638-65.638v0-525.108c0-36.251 29.387-65.638 65.638-65.638v0h65.638v380.702c0 79.752 64.652 144.404 144.404 144.404v0h223.17zM774.553 735.17h-315.064c-36.251 0-65.638-29.387-65.638-65.638v0-525.108c0-36.251 29.387-65.638 65.638-65.638v0h91.894v249.426c0.292 21.632 17.751 39.091 39.355 39.383h249.455v301.936c0 36.251-29.387 65.638-65.638 65.638v0z"],"attrs":[{}],"tags":["copy"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":115,"id":91,"name":"copy","prevSize":80,"code":59735},"setIdx":0,"setId":1,"iconIdx":172},{"icon":{"paths":["M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z"],"attrs":[{}],"tags":["file"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":114,"id":92,"name":"file","prevSize":80,"code":59736},"setIdx":0,"setId":1,"iconIdx":173},{"icon":{"paths":["M629.028 789.943h-468.114c-88.87 0-160.914-72.044-160.914-160.914v0-468.114c0-88.87 72.044-160.914 160.914-160.914v0h468.114c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 87.772c-40.395 0-73.142 32.747-73.142 73.142v0 468.114c0 40.395 32.747 73.142 73.142 73.142v0h468.114c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0z","M863.086 1024h-468.114c-88.87 0-160.914-72.044-160.914-160.914v0-117.028h87.771v117.028c0 40.395 32.747 73.142 73.142 73.142v0h468.114c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0h-117.028v-87.771h117.028c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0z"],"attrs":[{},{}],"tags":["clone"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":111,"id":93,"name":"clone","prevSize":80,"code":59733},"setIdx":0,"setId":1,"iconIdx":174},{"icon":{"paths":["M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z","M619.381 626.023c-7.448-7.637-17.839-12.375-29.336-12.375s-21.888 4.738-29.328 12.366l-0.008 0.009-48.71 48.71-48.71-48.71c-7.393-6.903-17.353-11.141-28.301-11.141-22.927 0-41.514 18.586-41.514 41.514 0 10.949 4.238 20.907 11.165 28.325l-0.022-0.025 48.71 48.71-48.71 48.71c-7.637 7.448-12.375 17.839-12.375 29.336s4.738 21.888 12.366 29.328l0.009 0.008c7.171 7.515 17.264 12.187 28.45 12.187 0.311 0 0.623-0.004 0.933-0.010l-0.047 0.001c0.057 0 0.126 0 0.193 0 11.401 0 21.713-4.657 29.139-12.174l48.714-48.714 48.71 48.71c7.43 7.52 17.742 12.178 29.142 12.178 0.067 0 0.136 0 0.204 0h-0.010c0.263 0.006 0.575 0.010 0.886 0.010 11.185 0 21.278-4.673 28.435-12.173l0.014-0.016c7.637-7.448 12.375-17.839 12.375-29.336s-4.738-21.888-12.366-29.328l-0.009-0.008-48.71-48.71 48.71-48.71c7.637-7.448 12.375-17.839 12.375-29.336s-4.738-21.888-12.366-29.328l-0.009-0.008z"],"attrs":[{},{}],"tags":["calendar-times"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":110,"id":94,"name":"calendar-times","prevSize":80,"code":59730},"setIdx":0,"setId":1,"iconIdx":175},{"icon":{"paths":["M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z","M622.702 694.659h-221.406c-22.927 0-41.514 18.586-41.514 41.514s18.586 41.514 41.514 41.514v0h221.406c22.927 0 41.514-18.586 41.514-41.514s-18.586-41.514-41.514-41.514v0z"],"attrs":[{},{}],"tags":["calendar-minus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":109,"id":95,"name":"calendar-minus","prevSize":80,"code":59731},"setIdx":0,"setId":1,"iconIdx":176},{"icon":{"paths":["M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z","M622.702 691.892h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-22.927 0-41.514 18.586-41.514 41.514s18.586 41.514 41.514 41.514v0h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c22.927 0 41.514-18.586 41.514-41.514s-18.586-41.514-41.514-41.514v0z"],"attrs":[{},{}],"tags":["calendar-plus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":108,"id":96,"name":"calendar-plus","prevSize":80,"code":59732},"setIdx":0,"setId":1,"iconIdx":177},{"icon":{"paths":["M614.393 512c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z","M614.393 102.431c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z","M614.393 921.569c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z"],"attrs":[{},{},{}],"tags":["ellipsis-v"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":107,"id":97,"name":"ellipsis-v","prevSize":80,"code":59728},"setIdx":0,"setId":1,"iconIdx":178},{"icon":{"paths":["M614.379 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z","M1023.886 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z","M204.868 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z"],"attrs":[{},{},{}],"tags":["ellipsis-h"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":106,"id":98,"name":"ellipsis-h","prevSize":80,"code":59729},"setIdx":0,"setId":1,"iconIdx":179},{"icon":{"paths":["M848.457 1024c-9.363-0.189-18.033-2.998-25.352-7.723l0.191 0.115-311.296-217.088-311.296 217.088c-6.501 4.018-14.382 6.4-22.821 6.4s-16.32-2.381-23.010-6.509l0.189 0.108c-13.4-7.013-22.574-20.486-23.401-36.171l-0.004-0.107v-819.2c0-88.87 72.044-160.914 160.914-160.914v0h438.857c88.87 0 160.914 72.044 160.914 160.914v0 819.2c0 0.048 0 0.104 0 0.159 0 16.646-9.393 31.099-23.169 38.347l-0.237 0.114c-5.911 3.304-12.965 5.254-20.477 5.266h-0.004zM512 702.172c0.137-0.001 0.3-0.003 0.464-0.003 9.223 0 17.782 2.846 24.846 7.706l-0.148-0.096 267.411 186.075v-734.939c0-40.395-32.747-73.142-73.142-73.142v0h-438.857c-40.395 0-73.142 32.747-73.142 73.142v0 734.939l267.411-186.075c6.916-4.764 15.475-7.609 24.698-7.609 0.163 0 0.325 0.001 0.488 0.003h-0.025z"],"attrs":[{}],"tags":["bookmark"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":105,"id":99,"name":"bookmark","prevSize":80,"code":59726},"setIdx":0,"setId":1,"iconIdx":180},{"icon":{"paths":["M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM936.391 469.333h-157.013c-21.309-143.377-80.98-269.999-168.128-372.54l0.875 1.056c174.421 43.539 304.877 189.937 324.104 369.605l0.163 1.879zM330.524 554.667h362.951c-28.064 140.685-92.065 263.297-182.001 361.829l0.527-0.585c-89.411-97.947-153.411-220.56-180.673-356.452l-0.803-4.792zM330.524 469.333c28.064-140.685 92.065-263.297 182.001-361.829l-0.527 0.585c89.411 97.947 153.411 220.56 180.673 356.452l0.803 4.792zM411.876 97.849c-86.273 101.485-145.944 228.107-166.755 367.427l-0.499 4.057h-157.013c19.389-181.548 149.845-327.945 321.319-370.86l2.948-0.625zM87.609 552.96h157.013c21.309 143.377 80.98 269.999 168.128 372.54l-0.875-1.056c-173.937-43.335-304.18-188.936-324.092-367.845l-0.175-1.933zM612.124 924.444c86.273-101.485 145.944-228.107 166.755-367.427l0.499-4.057h157.013c-18.688 182.253-149.359 329.449-321.317 372.565l-2.949 0.627z"],"attrs":[{}],"tags":["globe"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":104,"id":100,"name":"globe","prevSize":80,"code":59727},"setIdx":0,"setId":1,"iconIdx":181},{"icon":{"paths":["M512 1023.452c-233.911-0.333-423.443-189.864-423.774-423.743v-0.032c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c0 185.621 150.475 336.097 336.097 336.097s336.097-150.475 336.097-336.097c0-185.621-150.475-336.097-336.097-336.097v0h-146.13c-24.211 0-43.839-19.627-43.839-43.839s19.627-43.839 43.839-43.839v0h146.13c234.044 0 423.774 189.73 423.774 423.774s-189.73 423.774-423.774 423.774v0z","M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-175.359-175.359c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l175.355-175.355c8.025-8.595 19.423-13.953 32.074-13.953 24.211 0 43.839 19.627 43.839 43.839 0 12.65-5.358 24.048-13.927 32.049l-0.026 0.023-144.376 144.376 144.376 144.376c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"],"attrs":[{},{}],"tags":["replay"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":102,"id":101,"name":"replay","prevSize":80,"code":59725},"setIdx":0,"setId":1,"iconIdx":182},{"icon":{"paths":["M632.463 1023.971h-240.928c-24.813-0.335-44.839-20.361-45.174-45.141v-466.83l-322.241-440.294c-5.688-7.337-9.117-16.671-9.117-26.808 0-7.369 1.813-14.314 5.016-20.414l-0.116 0.241c7.747-14.706 22.885-24.586 40.34-24.695h903.493c17.471 0.11 32.608 9.989 40.236 24.445l0.12 0.25c3.089 5.86 4.901 12.805 4.901 20.173 0 10.136-3.43 19.471-9.191 26.908l0.075-0.1-322.241 440.294v466.797c-0.335 24.813-20.361 44.839-45.141 45.174h-0.032zM436.711 933.623h150.58v-436.68c0-0.064 0-0.138 0-0.212 0-9.955 3.401-19.116 9.105-26.383l-0.071 0.093 277.067-380.063h-722.782l278.271 380.063c5.634 7.174 9.035 16.335 9.035 26.29 0 0.075 0 0.15 0 0.224v-0.011z"],"attrs":[{}],"tags":["filter"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":101,"id":102,"name":"filter","prevSize":80,"code":59724},"setIdx":0,"setId":1,"iconIdx":183},{"icon":{"paths":["M863.086 789.943h-117.028c-24.237 0-43.886-19.648-43.886-43.886s19.648-43.886 43.886-43.886v0h117.028c40.395 0 73.142-32.747 73.142-73.142v0-234.058c0-40.395-32.747-73.142-73.142-73.142v0h-702.171c-40.395 0-73.142 32.747-73.142 73.142v0 234.058c0 40.395 32.747 73.142 73.142 73.142v0h117.028c24.237 0 43.886 19.648 43.886 43.886s-19.648 43.886-43.886 43.886v0h-117.028c-88.87 0-160.914-72.044-160.914-160.914v0-234.058c0-88.87 72.044-160.914 160.914-160.914v0h702.171c88.87 0 160.914 72.044 160.914 160.914v0 234.058c0 88.87-72.044 160.914-160.914 160.914v0z","M746.058 321.828c-24.106-0.325-43.561-19.78-43.886-43.854v-190.203h-380.342v190.172c0 24.237-19.648 43.886-43.886 43.886s-43.886-19.648-43.886-43.886v0-204.8c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0 204.8c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z","M716.8 1024h-409.6c-40.395 0-73.142-32.747-73.142-73.142v0-409.6c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0 409.6c0 40.395-32.747 73.142-73.142 73.142v0zM321.828 936.228h380.342v-380.342h-380.342z"],"attrs":[{},{},{}],"tags":["print"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":99,"id":103,"name":"print","prevSize":80,"code":59723},"setIdx":0,"setId":1,"iconIdx":184},{"icon":{"paths":["M980.093 438.861h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M984.189 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M984.189 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 906.954h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{},{}],"tags":["align-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":98,"id":104,"name":"align-right","prevSize":80,"code":59718},"setIdx":0,"setId":1,"iconIdx":185},{"icon":{"paths":["M624.033 453.952h-580.479c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h580.479c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z","M980.446 221.761h-928.766c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h928.766c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z","M980.446 686.143h-928.766c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h928.766c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z","M624.033 918.335h-580.479c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h580.479c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z"],"attrs":[{},{},{},{}],"tags":["align-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":97,"id":105,"name":"align-left","prevSize":80,"code":59719},"setIdx":0,"setId":1,"iconIdx":186},{"icon":{"paths":["M804.558 438.861h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M804.558 906.954h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{},{}],"tags":["align-center"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":96,"id":106,"name":"align-center","prevSize":80,"code":59720},"setIdx":0,"setId":1,"iconIdx":187},{"icon":{"paths":["M980.093 438.861h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z","M980.093 906.954h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"],"attrs":[{},{},{},{}],"tags":["align-justify"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":95,"id":107,"name":"align-justify","prevSize":80,"code":59721},"setIdx":0,"setId":1,"iconIdx":188},{"icon":{"paths":["M512 683.439c-94.683 0-171.439-76.755-171.439-171.439s76.755-171.439 171.439-171.439c94.683 0 171.439 76.755 171.439 171.439v0c0 94.683-76.755 171.439-171.439 171.439v0zM512 428.329c-46.211 0-83.671 37.462-83.671 83.671s37.462 83.671 83.671 83.671c46.211 0 83.671-37.462 83.671-83.671v0c0-46.211-37.462-83.671-83.671-83.671v0z","M515.511 1023.977c-71.489-0.329-129.316-58.359-129.316-129.895 0-0.411 0.001-0.823 0.005-1.234v0.063c-0.496-11.009-7.26-20.325-16.788-24.505l-0.181-0.070c-3.653-1.718-7.933-2.721-12.448-2.721-7.858 0-15.007 3.038-20.337 8.003l0.018-0.016c-23.441 23.268-55.642 37.739-91.222 38.032h-0.056c-0.252 0.001-0.55 0.003-0.848 0.003-35.579 0-67.876-14.051-91.644-36.906l0.043 0.041c-23.515-23.508-38.058-55.987-38.058-91.864s14.545-68.356 38.058-91.864v0c5.876-5.37 9.547-13.066 9.547-21.622 0-3.145-0.496-6.173-1.414-9.011l0.058 0.207c-5.723-9.782-16.134-16.274-28.071-16.384h-0.015c-71.692-0.291-129.966-57.335-132.231-128.518l-0.005-0.208c0.332-71.488 58.36-129.312 129.895-129.312 0.206 0 0.413 0 0.618 0.001h-0.032c11.009-0.496 20.325-7.26 24.505-16.788l0.070-0.181c1.718-3.653 2.721-7.933 2.721-12.448 0-7.858-3.038-15.007-8.003-20.337l0.016 0.018c-23.268-23.441-37.739-55.642-38.032-91.222v-0.056c-0.012-0.671-0.019-1.462-0.019-2.255 0-35.137 14.077-66.986 36.901-90.213l-0.018 0.019c23.508-23.515 55.987-38.058 91.864-38.058s68.356 14.545 91.864 38.058v0c6.075 5.789 14.317 9.35 23.391 9.35 3.125 0 6.153-0.422 9.028-1.214l-0.239 0.056c10.177-5.653 17.174-15.957 18.131-27.962l0.008-0.123c0-0.019 0-0.041 0-0.063 0-71.915 57.154-130.481 128.518-132.752l0.208-0.005c71.237 0.66 128.732 58.56 128.732 129.89 0 0.413-0.001 0.826-0.005 1.238v-0.063c0.477 11.185 6.924 20.76 16.218 25.665l0.166 0.080c2.998 1.135 6.465 1.792 10.084 1.792 7.909 0 15.084-3.138 20.35-8.236l-0.008 0.007c23.441-23.268 55.642-37.739 91.222-38.032h0.056c1.163-0.038 2.53-0.062 3.903-0.062 34.624 0 65.95 14.12 88.535 36.914l0.010 0.010c23.515 23.508 38.058 55.987 38.058 91.864s-14.545 68.356-38.058 91.864v0c-4.99 5.871-8.027 13.54-8.027 21.916 0 3.667 0.581 7.197 1.657 10.505l-0.067-0.24c5.653 10.177 15.957 17.174 27.962 18.131l0.123 0.008c71.192 0.937 128.814 57.74 131.062 128.518l0.005 0.208c-0.66 71.237-58.56 128.732-129.89 128.732-0.413 0-0.826-0.001-1.238-0.005h0.063c-11.185 0.477-20.76 6.924-25.665 16.218l-0.080 0.166c-1.135 2.998-1.792 6.465-1.792 10.084 0 7.909 3.138 15.084 8.236 20.35l-0.007-0.008c23.268 23.441 37.739 55.642 38.032 91.222v0.056c0.012 0.671 0.019 1.462 0.019 2.255 0 35.137-14.077 66.986-36.901 90.213l0.018-0.019c-23.508 23.515-55.987 38.058-91.864 38.058s-68.356-14.545-91.864-38.058v0c-5.258-5.092-12.433-8.23-20.341-8.23-3.62 0-7.086 0.657-10.287 1.86l0.202-0.066c-9.782 5.723-16.274 16.134-16.384 28.071v0.015c-0.937 71.192-57.74 128.814-128.518 131.062l-0.208 0.005zM356.944 777.643c0.372-0.004 0.812-0.007 1.252-0.007 15.867 0 30.927 3.45 44.471 9.643l-0.669-0.274c41.82 17.762 70.846 58.017 71.967 105.181l0.003 0.14c-0.003 0.185-0.004 0.402-0.004 0.62 0 23.297 18.4 42.297 41.461 43.26l0.088 0.003c23.005-1.873 40.964-21.005 40.964-44.331 0-0.254-0.003-0.509-0.007-0.761v0.038c0.3-47.575 28.116-88.582 68.322-107.933l0.723-0.313c13.278-5.676 28.727-8.976 44.947-8.976 32.246 0 61.445 13.042 82.611 34.139l-0.003-0.003c7.488 7.488 17.831 12.119 29.255 12.119 22.85 0 41.374-18.524 41.374-41.374 0-11.425-4.631-21.769-12.119-29.255v0c-20.848-21.12-33.725-50.154-33.725-82.193 0-16.378 3.364-31.971 9.44-46.123l-0.291 0.761c18.745-40.97 59.339-68.943 106.478-69.044h0.014c0.185 0.003 0.403 0.004 0.621 0.004 22.975 0 41.712-18.138 42.674-40.875l0.003-0.088c-1.57-22.953-20.575-40.976-43.788-40.976-0.446 0-0.889 0.007-1.332 0.019l0.064-0.001c-47.872-1.343-88.773-29.867-107.929-70.632l-0.317-0.752c-5.566-13.342-8.8-28.841-8.8-45.097 0-32.536 12.954-62.046 33.987-83.655l-0.026 0.027c7.488-7.488 12.119-17.831 12.119-29.255 0-22.85-18.524-41.374-41.374-41.374-11.425 0-21.769 4.631-29.255 12.119v0c-20.824 19.383-48.841 31.278-79.638 31.278-63.284 0-114.836-50.233-116.956-113.001l-0.005-0.195c0.003-0.185 0.004-0.403 0.004-0.621 0-22.975-18.138-41.712-40.875-42.674l-0.088-0.003c-22.953 1.57-40.976 20.575-40.976 43.788 0 0.446 0.007 0.889 0.019 1.332l-0.001-0.064c-1.343 47.872-29.867 88.773-70.632 107.929l-0.752 0.317c-13.342 5.566-28.841 8.8-45.097 8.8-32.536 0-62.046-12.954-83.655-33.987l0.027 0.026c-7.488-7.488-17.831-12.119-29.255-12.119-22.85 0-41.374 18.524-41.374 41.374 0 11.425 4.631 21.769 12.119 29.255v0c20.603 21.075 33.316 49.942 33.316 81.777 0 16.537-3.43 32.274-9.617 46.535l0.292-0.757c-17.762 41.82-58.017 70.846-105.181 71.967l-0.14 0.003c-0.185-0.003-0.402-0.004-0.62-0.004-23.297 0-42.297 18.4-43.26 41.461l-0.003 0.088c1.873 23.005 21.005 40.964 44.331 40.964 0.254 0 0.509-0.003 0.761-0.007h-0.038c47.575 0.3 88.582 28.116 107.933 68.322l0.313 0.723c5.676 13.278 8.976 28.727 8.976 44.947 0 32.246-13.042 61.445-34.139 82.611l0.003-0.003c-7.488 7.488-12.119 17.831-12.119 29.255 0 22.85 18.524 41.374 41.374 41.374 11.425 0 21.769-4.631 29.255-12.119v0c21.423-20.481 50.464-33.15 82.462-33.352h0.040zM825.038 639.555v0z"],"attrs":[{},{}],"tags":["cog"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":94,"id":108,"name":"cog","prevSize":80,"code":59722},"setIdx":0,"setId":1,"iconIdx":189},{"icon":{"paths":["M815.587 856.985c-22.863 0-41.398-18.535-41.398-41.398s18.535-41.398 41.398-41.398v0c91.628 0 124.194-45.813 124.194-175.528-8.48-95.471-83.922-170.912-178.638-179.338l-0.753-0.054c-19.914 0.52-38.817 4.118-56.489 10.331l1.291-0.396c-4.655 2-10.071 3.163-15.761 3.163-18.775 0-34.592-12.668-39.37-29.923l-0.067-0.287c-38.556-117.836-147.511-201.455-275.996-201.455-159.262 0-288.519 128.478-289.778 287.443l-0.001 0.119c0 177.736 8.28 285.923 124.194 285.923 22.863 0 41.398 18.535 41.398 41.398s-18.535 41.398-41.398 41.398v0c-206.991 0-206.991-213.062-206.991-368.719-0.047-2.197-0.074-4.787-0.074-7.382 0-205.772 166.811-372.583 372.583-372.583 155.102 0 288.069 94.773 344.148 229.569l0.909 2.466c12.977-2.459 27.905-3.866 43.161-3.866 0.351 0 0.701 0.001 1.052 0.003h-0.054c141.071 8.919 253.269 121.118 262.147 261.377l0.041 0.811c-2.759 70.652-2.759 258.324-209.75 258.324z","M512 908.319c-0.057 0-0.125 0-0.193 0-11.369 0-21.653-4.644-29.058-12.14l-156.213-156.213c-6.884-7.373-11.11-17.304-11.11-28.222 0-22.863 18.535-41.398 41.398-41.398 10.919 0 20.849 4.226 28.246 11.134l-0.025-0.022 126.954 126.954 126.954-126.954c7.373-6.884 17.304-11.11 28.222-11.11 22.863 0 41.398 18.535 41.398 41.398 0 10.919-4.226 20.849-11.134 28.246l0.022-0.025-156.209 158.416c-7.128 6.219-16.515 10.011-26.787 10.011-0.868 0-1.73-0.027-2.585-0.080l0.116 0.006z","M512 908.319c-22.863 0-41.398-18.535-41.398-41.398v0-351.056c0-22.863 18.535-41.398 41.398-41.398s41.398 18.535 41.398 41.398v0 351.056c0 22.863-18.535 41.398-41.398 41.398v0z"],"attrs":[{},{},{}],"tags":["cloud-download"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":93,"id":109,"name":"cloud-download","prevSize":80,"code":59715},"setIdx":0,"setId":1,"iconIdx":190},{"icon":{"paths":["M815.587 856.985c-22.863 0-41.398-18.535-41.398-41.398s18.535-41.398 41.398-41.398v0c91.628 0 124.194-45.813 124.194-175.528-8.48-95.471-83.922-170.912-178.638-179.338l-0.753-0.054c-19.914 0.52-38.817 4.118-56.489 10.331l1.291-0.396c-4.655 2-10.071 3.163-15.761 3.163-18.775 0-34.592-12.668-39.37-29.923l-0.067-0.287c-38.556-117.836-147.511-201.455-275.996-201.455-159.262 0-288.519 128.478-289.778 287.443l-0.001 0.119c0 189.879 41.951 285.923 124.194 285.923 22.863 0 41.398 18.535 41.398 41.398s-18.535 41.398-41.398 41.398v0c-137.994 0-206.991-124.194-206.991-368.719-0.047-2.197-0.074-4.787-0.074-7.382 0-205.772 166.811-372.583 372.583-372.583 155.102 0 288.069 94.773 344.148 229.569l0.909 2.466c12.977-2.459 27.905-3.866 43.161-3.866 0.351 0 0.701 0.001 1.052 0.003h-0.054c141.071 8.919 253.269 121.118 262.147 261.377l0.041 0.811c-2.759 70.652-2.759 258.324-209.75 258.324z","M668.209 713.47c-11.406-0.137-21.709-4.745-29.262-12.15l-126.947-126.947-126.954 126.954c-7.373 6.884-17.304 11.11-28.222 11.11-22.863 0-41.398-18.535-41.398-41.398 0-10.919 4.226-20.849 11.134-28.246l-0.022 0.025 156.209-156.209c7.427-7.616 17.79-12.341 29.254-12.341s21.827 4.725 29.246 12.331l0.008 0.009 156.209 156.209c7.48 7.489 12.108 17.832 12.108 29.254s-4.626 21.765-12.108 29.256v0c-7.6 7.307-17.868 11.888-29.205 12.143l-0.049 0.001z","M512 908.319c-22.863 0-41.398-18.535-41.398-41.398v0-351.056c0-22.863 18.535-41.398 41.398-41.398s41.398 18.535 41.398 41.398v0 351.056c0 22.863-18.535 41.398-41.398 41.398v0z"],"attrs":[{},{},{}],"tags":["cloud-upload"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":92,"id":110,"name":"cloud-upload","prevSize":80,"code":59716},"setIdx":0,"setId":1,"iconIdx":191},{"icon":{"paths":["M761.085 885.627h-387.465c-206.337-0.017-373.598-167.289-373.598-373.627 0-206.348 167.278-373.627 373.627-373.627 152.926 0 284.392 91.876 342.215 223.439l0.939 2.397c13.246-2.68 28.531-4.285 44.166-4.428l0.115-0.001c141.466 8.944 253.978 121.457 262.882 262.11l0.042 0.813c0 145.209-117.715 262.923-262.923 262.923v0zM373.619 221.401c-160.494 0-290.599 130.105-290.599 290.599s130.105 290.599 290.599 290.599v0h387.465c99.226-0.314 179.581-80.668 179.895-179.864v-0.030c-8.504-95.738-84.157-171.391-179.139-179.84l-0.755-0.054c-19.989 0.459-38.949 4.276-56.529 10.907l1.178-0.389c-4.752 1.958-10.27 3.095-16.052 3.095s-11.3-1.136-16.34-3.199l0.288 0.104c-9.801-5.017-17.16-13.636-20.404-24.069l-0.077-0.287c-36.721-121.012-147.288-207.574-278.073-207.574-0.511 0-1.022 0.001-1.533 0.004h0.079z"],"attrs":[{}],"tags":["cloud"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":91,"id":111,"name":"cloud","prevSize":80,"code":59717},"setIdx":0,"setId":1,"iconIdx":192},{"icon":{"paths":["M45.313 1022.421c-0.136 0.001-0.296 0.003-0.456 0.003-11.964 0-22.806-4.803-30.702-12.588l0.006 0.006c-8.248-8.149-13.356-19.461-13.356-31.966 0-1.401 0.065-2.787 0.19-4.155l-0.013 0.176 18.572-230.049c0.852-11.108 5.734-20.935 13.169-28.147l662.6-662.6c34.079-31.973 80.059-51.615 130.628-51.615 2.096 0 4.186 0.034 6.267 0.101l-0.303-0.008c52.335 0.418 99.758 21.108 134.873 54.592l-0.079-0.074c34.783 35.688 56.235 84.513 56.235 138.348 0 50.427-18.822 96.457-49.825 131.448l0.181-0.208-663.188 665.585c-7.185 7.16-16.72 11.966-27.348 13.161l-0.211 0.020-233.044 20.968zM105.22 767.211l-12.581 164.15 164.15-14.978 653.004-654.202c15.132-17.82 24.333-41.087 24.333-66.503 0-56.908-46.133-103.043-103.043-103.043-0.341 0-0.681 0.001-1.021 0.006h0.052c-1.828-0.124-3.962-0.194-6.112-0.194-25.163 0-48.075 9.635-65.249 25.419l0.069-0.063zM727.071 84.852v0z"],"attrs":[{}],"tags":["pencil"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":90,"id":112,"name":"pencil","prevSize":80,"code":59714},"setIdx":0,"setId":1,"iconIdx":193},{"icon":{"paths":["M617.025 525.129c-108.758 0-196.923-88.165-196.923-196.923s88.165-196.923 196.923-196.923c108.758 0 196.923 88.165 196.923 196.923v0c0 108.758-88.165 196.923-196.923 196.923v0zM617.025 210.052c-65.254 0-118.154 52.9-118.154 118.154s52.9 118.154 118.154 118.154c65.254 0 118.154-52.9 118.154-118.154v0c0-65.254-52.9-118.154-118.154-118.154v0z","M984.615 892.718c-21.633-0.292-39.093-17.751-39.385-39.356v-0.028c0-102.4-55.664-170.667-328.206-170.667s-328.206 68.267-328.206 170.667c0 21.751-17.633 39.385-39.385 39.385s-39.385-17.633-39.385-39.385v0c0-249.436 285.145-249.436 406.975-249.436s406.975 0 406.975 249.436c-0.292 21.633-17.751 39.093-39.356 39.385h-0.028z","M318.753 567.664h-16.804c-80.61-8.022-143.044-75.489-143.044-157.538 0-87.412 70.862-158.273 158.273-158.273 5.362 0 10.663 0.267 15.888 0.788l-0.66-0.053c21.012 0.932 37.694 18.192 37.694 39.348 0 21.751-17.633 39.385-39.385 39.385-2.183 0-4.326-0.177-6.414-0.519l0.228 0.031c-2.281-0.241-4.928-0.378-7.607-0.378-18.98 0-36.35 6.897-49.738 18.321l0.107-0.089c-15.663 12.706-26.198 31.205-28.33 52.186l-0.027 0.326c-0.273 2.455-0.43 5.301-0.43 8.183 0 40.775 31.191 74.267 71.015 77.915l0.306 0.022c2.052 0.186 4.437 0.293 6.848 0.293 15.535 0 30.039-4.409 42.331-12.043l-0.342 0.198c5.898-3.695 13.065-5.886 20.742-5.886 21.812 0 39.494 17.682 39.494 39.494 0 14.133-7.424 26.533-18.586 33.511l-0.166 0.097c-23.058 14.912-51.098 24.022-81.222 24.678l-0.174 0.002z","M39.385 853.333c-21.633-0.292-39.093-17.751-39.385-39.356v-0.028c0-141.785 37.809-236.308 223.179-236.308 21.751 0 39.385 17.633 39.385 39.385s-17.633 39.385-39.385 39.385v0c-123.406 0-144.41 39.385-144.41 157.538-0.292 21.633-17.751 39.093-39.356 39.385h-0.028z"],"attrs":[{},{},{},{}],"tags":["users"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":88,"id":113,"name":"users","prevSize":80,"code":59713},"setIdx":0,"setId":1,"iconIdx":194},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M682.667 554.667h-170.667c-23.436-0.316-42.351-19.231-42.667-42.636v-284.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 241.777h128c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"],"attrs":[{},{}],"tags":["clock"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":87,"id":114,"name":"clock","prevSize":80,"code":59712},"setIdx":0,"setId":1,"iconIdx":195},{"icon":{"paths":["M512 556.52c-122.938 0-222.599-99.66-222.599-222.599s99.66-222.599 222.599-222.599c122.938 0 222.599 99.66 222.599 222.599v0c0 122.938-99.66 222.599-222.599 222.599v0zM512 200.362c-73.762 0-133.559 59.797-133.559 133.559s59.797 133.559 133.559 133.559c73.762 0 133.559-59.797 133.559-133.559v0c0-73.762-59.797-133.559-133.559-133.559v0z","M927.518 972.038c-24.454-0.33-44.19-20.066-44.52-44.488v-0.032c0-115.751-62.922-192.919-370.998-192.919s-370.998 77.168-370.998 192.919c0 24.587-19.932 44.52-44.52 44.52s-44.52-19.932-44.52-44.52v0c0-281.959 322.323-281.959 460.038-281.959s460.038 0 460.038 281.959c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z","M1031.396 556.52h-207.758c-24.587 0-44.52-19.932-44.52-44.52s19.932-44.52 44.52-44.52v0h207.758c24.587 0 44.52 19.932 44.52 44.52s-19.932 44.52-44.52 44.52v0z"],"attrs":[{},{},{}],"tags":["user-minus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":83,"id":115,"name":"user-minus","prevSize":80,"code":59710},"setIdx":0,"setId":1,"iconIdx":196},{"icon":{"paths":["M512 556.52c-122.938 0-222.599-99.66-222.599-222.599s99.66-222.599 222.599-222.599c122.938 0 222.599 99.66 222.599 222.599v0c0 122.938-99.66 222.599-222.599 222.599v0zM512 200.362c-73.762 0-133.559 59.797-133.559 133.559s59.797 133.559 133.559 133.559c73.762 0 133.559-59.797 133.559-133.559v0c0-73.762-59.797-133.559-133.559-133.559v0z","M927.518 972.038c-24.454-0.33-44.19-20.066-44.52-44.488v-0.032c0-115.751-62.922-192.919-370.998-192.919s-370.998 77.168-370.998 192.919c0 24.587-19.932 44.52-44.52 44.52s-44.52-19.932-44.52-44.52v0c0-281.959 322.323-281.959 460.038-281.959s460.038 0 460.038 281.959c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z","M927.518 660.4c-24.454-0.33-44.19-20.066-44.52-44.488v-207.79c0-24.587 19.932-44.52 44.52-44.52s44.52 19.932 44.52 44.52v0 207.758c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z","M1031.396 556.52h-207.758c-24.587 0-44.52-19.932-44.52-44.52s19.932-44.52 44.52-44.52v0h207.758c24.587 0 44.52 19.932 44.52 44.52s-19.932 44.52-44.52 44.52v0z"],"attrs":[{},{},{},{}],"tags":["user-plus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":86,"id":116,"name":"user-plus","prevSize":80,"code":59711},"setIdx":0,"setId":1,"iconIdx":197},{"icon":{"paths":["M979.856 319.009h-935.714c-24.224 0-43.862-19.638-43.862-43.862s19.638-43.862 43.862-43.862h935.714c24.224 0 43.862 19.638 43.862 43.862s-19.638 43.862-43.862 43.862v0z","M771.66 1023.718h-519.321c-2.865 0.208-6.208 0.328-9.577 0.328-74.752 0-135.856-58.437-140.12-132.119l-0.018-0.377v-613.477c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 613.477c0 23.977 27.486 44.447 58.483 44.447h519.321c32.75 0 58.483-20.468 58.483-44.447v-613.477c0-26.162 21.208-47.37 47.37-47.37s47.37 21.208 47.37 47.37v0 613.477c-4.282 74.060-65.385 132.496-140.136 132.496-3.37 0-6.712-0.119-10.022-0.352l0.445 0.025zM778.678 263.452c-0.175 0.003-0.382 0.004-0.589 0.004-23.9 0-43.276-19.376-43.276-43.276 0-0.207 0.001-0.414 0.004-0.62v0.032-87.138c0-23.977-28.071-44.447-58.483-44.447h-326.915c-32.166 0-58.483 20.468-58.483 44.447v87.138c0 24.224-19.638 43.862-43.862 43.862s-43.862-19.638-43.862-43.862v0-87.138c4.697-74.022 65.883-132.278 140.675-132.278 1.945 0 3.88 0.040 5.806 0.118l-0.276-0.008h325.161c2.174-0.119 4.719-0.188 7.28-0.188 74.82 0 136.023 58.3 140.66 131.951l0.021 0.407v87.138c0.003 0.174 0.004 0.38 0.004 0.585 0 24.224-19.638 43.862-43.862 43.862-0.001 0-0.003 0-0.004 0v0z","M407.901 804.41c-24.092-0.325-43.537-19.769-43.862-43.83v-264.955c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 264.339c0.003 0.174 0.004 0.38 0.004 0.585 0 24.224-19.638 43.862-43.862 43.862-0.001 0-0.003 0-0.004 0v0z","M616.099 804.41c-24.224 0-43.862-19.638-43.862-43.862v0-264.924c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 264.339c0 0.001 0 0.003 0 0.004 0 24.342-19.568 44.112-43.83 44.443h-0.032z"],"attrs":[{},{},{},{}],"tags":["trash"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":81,"id":117,"name":"trash","prevSize":80,"code":59709},"setIdx":0,"setId":1,"iconIdx":198},{"icon":{"paths":["M863.070 0.023h-702.14c-88.866 0-160.907 72.041-160.907 160.907v0 351.070c0 24.236 19.648 43.884 43.884 43.884s43.884-19.648 43.884-43.884v0-351.070c0-40.394 32.746-73.139 73.139-73.139v0h702.14c40.394 0 73.139 32.746 73.139 73.139v0 702.14c0 40.394-32.746 73.139-73.139 73.139v0h-351.070c-24.236 0-43.884 19.648-43.884 43.884s19.648 43.884 43.884 43.884v0h351.070c88.866 0 160.907-72.041 160.907-160.907v0-702.14c0-88.866-72.041-160.907-160.907-160.907v0z","M465.775 581.628c5.003 2.189 10.831 3.478 16.956 3.511h234.059c24.236 0 43.884-19.648 43.884-43.884s-19.648-43.884-43.884-43.884v0h-128.141l188.408-188.408c7.297-7.815 11.777-18.343 11.777-29.916 0-24.236-19.648-43.884-43.884-43.884-11.574 0-22.101 4.48-29.942 11.802l0.026-0.023-188.408 188.408v-128.141c0-24.236-19.648-43.884-43.884-43.884s-43.884 19.648-43.884 43.884v0 234.047c0.033 6.137 1.322 11.965 3.62 17.252l-0.11-0.284c4.316 10.739 12.665 19.089 23.125 23.305l0.28 0.099z","M277.953 643.651h-175.535c-56.418 0.33-102.065 45.976-102.396 102.364v175.567c0.33 56.418 45.976 102.065 102.364 102.396h175.567c56.418-0.33 102.065-45.976 102.396-102.364v-175.567c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM292.581 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-175.535c-8.079 0-14.628-6.55-14.628-14.628v0-175.535c0-8.079 6.55-14.628 14.628-14.628v0h175.535c8.079 0 14.628 6.55 14.628 14.628v0z"],"attrs":[{},{},{}],"tags":["window-minimize"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":80,"id":118,"name":"window-minimize","prevSize":80,"code":59706},"setIdx":0,"setId":1,"iconIdx":199},{"icon":{"paths":["M863.070 1023.977h-351.070c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h351.070c40.394 0 73.139-32.746 73.139-73.139v0-702.14c0-40.394-32.746-73.139-73.139-73.139v0h-702.14c-40.394 0-73.139 32.746-73.139 73.139v0 351.070c0 24.236-19.648 43.884-43.884 43.884s-43.884-19.648-43.884-43.884v0-351.070c0-88.866 72.041-160.907 160.907-160.907v0h702.14c88.866 0 160.907 72.041 160.907 160.907v0 702.14c0 88.866-72.041 160.907-160.907 160.907v0z","M746.047 555.884c-24.105-0.325-43.559-19.779-43.884-43.852v-190.195h-190.163c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h234.047c24.105 0.325 43.559 19.779 43.884 43.852v234.079c-0.325 24.105-19.779 43.559-43.852 43.884h-0.032z","M482.745 585.139c-11.709-0.922-21.991-6.371-29.214-14.58l-0.041-0.048c-6.935-7.728-11.175-17.996-11.175-29.255s4.24-21.528 11.211-29.297l-0.036 0.041 263.303-263.303c7.815-7.297 18.343-11.777 29.916-11.777 24.236 0 43.884 19.648 43.884 43.884 0 11.574-4.48 22.101-11.802 29.942l0.023-0.026-266.813 259.792c-7.264 8.256-17.547 13.707-29.106 14.619l-0.151 0.010z","M277.953 1023.977h-175.535c-56.418-0.33-102.065-45.976-102.396-102.364v-175.567c0.33-56.418 45.976-102.065 102.364-102.396h175.567c56.418 0.33 102.065 45.976 102.396 102.364v175.567c-0.33 56.418-45.976 102.065-102.364 102.396h-0.032zM102.418 731.419c-8.079 0-14.628 6.55-14.628 14.628v0 175.535c0 8.079 6.55 14.628 14.628 14.628v0h175.535c8.079 0 14.628-6.55 14.628-14.628v0-175.535c0-8.079-6.55-14.628-14.628-14.628v0z"],"attrs":[{},{},{},{}],"tags":["window-maximize"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":79,"id":119,"name":"window-maximize","prevSize":80,"code":59707},"setIdx":0,"setId":1,"iconIdx":200},{"icon":{"paths":["M862.106 1022.571h-700.213c-88.622 0-160.465-71.843-160.465-160.465v0-700.213c0-88.622 71.843-160.465 160.465-160.465v0h350.106c24.17 0 43.763 19.594 43.763 43.763s-19.594 43.763-43.763 43.763v0h-350.106c-40.283 0-72.938 32.656-72.938 72.938v0 700.213c0 40.283 32.656 72.938 72.938 72.938v0h700.213c40.283 0 72.938-32.656 72.938-72.938v0-350.106c0-24.17 19.594-43.763 43.763-43.763s43.763 19.594 43.763 43.763v0 350.106c0 88.622-71.843 160.465-160.465 160.465v0z","M978.808 322.359c-24.038-0.324-43.439-19.725-43.763-43.732v-189.673h-189.641c-24.17 0-43.763-19.594-43.763-43.763s19.594-43.763 43.763-43.763v0h233.405c24.038 0.324 43.439 19.725 43.763 43.732v233.436c-0.324 24.038-19.725 43.439-43.732 43.763h-0.031z","M599.527 468.237c-11.677-0.919-21.931-6.354-29.134-14.54l-0.041-0.048c-6.916-7.706-11.145-17.947-11.145-29.175s4.229-21.469 11.18-29.216l-0.036 0.041 379.281-379.281c8.011-8.58 19.39-13.929 32.018-13.929 24.17 0 43.763 19.594 43.763 43.763 0 12.628-5.349 24.007-13.903 31.994l-0.026 0.023-382.782 375.78c-7.244 8.233-17.498 13.669-29.026 14.579l-0.15 0.010z"],"attrs":[{},{},{}],"tags":["external-link"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":78,"id":120,"name":"external-link","prevSize":80,"code":59708},"setIdx":0,"setId":1,"iconIdx":201},{"icon":{"paths":["M512 1023.452c-234.044 0-423.774-189.73-423.774-423.774s189.73-423.774 423.774-423.774v0h146.13c24.211 0 43.839 19.627 43.839 43.839s-19.627 43.839-43.839 43.839v0h-146.13c-185.621 0-336.097 150.475-336.097 336.097s150.475 336.097 336.097 336.097c185.621 0 336.097-150.475 336.097-336.097v0c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c-0.333 233.911-189.864 423.443-423.743 423.774h-0.032z","M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-0.004-0.004c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l144.376-144.376-144.376-144.376c-8.595-8.025-13.953-19.423-13.953-32.074 0-24.211 19.627-43.839 43.839-43.839 12.65 0 24.048 5.358 32.049 13.927l0.023 0.026 175.355 175.355c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0l-175.355 175.355c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"],"attrs":[{},{}],"tags":["refresh"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":77,"id":121,"name":"refresh","prevSize":80,"code":59704},"setIdx":0,"setId":1,"iconIdx":202},{"icon":{"paths":["M512 528.516c-136.816 0-247.725-110.91-247.725-247.725s110.91-247.725 247.725-247.725c136.816 0 247.725 110.91 247.725 247.725v0c0 136.816-110.91 247.725-247.725 247.725v0zM512 132.155c-82.088 0-148.635 66.547-148.635 148.635s66.547 148.635 148.635 148.635c82.088 0 148.635-66.547 148.635-148.635v0c0-82.088-66.547-148.635-148.635-148.635v0z","M974.421 990.935c-27.214-0.367-49.178-22.331-49.545-49.509v-0.036c0-128.817-70.024-214.696-412.876-214.696s-412.876 85.879-412.876 214.696c0 27.363-22.182 49.545-49.545 49.545s-49.545-22.182-49.545-49.545v0c0-313.786 358.706-313.786 511.966-313.786s511.966 0 511.966 313.786c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z"],"attrs":[{},{}],"tags":["user"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":76,"id":122,"name":"user","prevSize":80,"code":59705},"setIdx":0,"setId":1,"iconIdx":203},{"icon":{"paths":["M980.247 964.701h-936.496c-16.088-0.051-30.159-8.633-37.933-21.458l-0.111-0.198c-3.59-6.323-5.705-13.888-5.705-21.949s2.115-15.627 5.823-22.173l-0.117 0.224 468.247-819.433c8.296-12.379 22.232-20.419 38.044-20.419s29.748 8.039 37.942 20.254l0.104 0.165 468.247 819.433c3.59 6.323 5.705 13.888 5.705 21.949s-2.115 15.627-5.823 22.173l0.117-0.224c-7.885 13.022-21.958 21.606-38.038 21.657h-0.007zM119.257 876.905h785.486l-392.743-687.154z","M512 642.78c-24.113-0.325-43.573-19.786-43.898-43.866v-204.89c0-24.244 19.654-43.898 43.898-43.898s43.898 19.654 43.898 43.898v0 204.858c-0.325 24.113-19.786 43.573-43.866 43.898h-0.032z","M512 818.373c-24.113-0.325-43.573-19.786-43.898-43.866v-29.297c0-24.244 19.654-43.898 43.898-43.898s43.898 19.654 43.898 43.898v0 29.265c-0.325 24.113-19.786 43.573-43.866 43.898h-0.032z"],"attrs":[{},{},{}],"tags":["exclamation-triangle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":75,"id":123,"name":"exclamation-triangle","prevSize":80,"code":59682},"setIdx":0,"setId":1,"iconIdx":204},{"icon":{"paths":["M788.745 110.712h-69.186v-69.186c0-22.926-18.586-41.512-41.512-41.512s-41.512 18.586-41.512 41.512v0 69.186h-249.071v-69.186c0-22.926-18.586-41.512-41.512-41.512s-41.512 18.586-41.512 41.512v0 69.186h-69.186c-84.063 0-152.209 68.147-152.209 152.209v0 608.839c0 84.063 68.147 152.209 152.209 152.209v0h553.491c84.063 0 152.209-68.147 152.209-152.209v0-608.839c0-84.063-68.147-152.209-152.209-152.209v0zM235.255 193.735h69.186v69.186c0 22.926 18.586 41.512 41.512 41.512s41.512-18.586 41.512-41.512v0-69.186h249.071v69.186c0 22.926 18.586 41.512 41.512 41.512s41.512-18.586 41.512-41.512v0-69.186h69.186c38.21 0 69.186 30.976 69.186 69.186v0 152.209h-691.862v-152.209c0-38.21 30.976-69.186 69.186-69.186v0zM788.745 940.947h-553.491c-38.21 0-69.186-30.976-69.186-69.186v0-373.606h691.862v373.606c0 38.21-30.976 69.186-69.186 69.186v0z"],"attrs":[{}],"tags":["calendar"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":74,"id":124,"name":"calendar","prevSize":80,"code":59687},"setIdx":0,"setId":1,"iconIdx":205},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M625.777 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l227.556-227.556c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-197.404 197.404 197.404 197.404c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"],"attrs":[{},{}],"tags":["chevron-circle-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":73,"id":125,"name":"chevron-circle-left","prevSize":80,"code":59688},"setIdx":0,"setId":1,"iconIdx":206},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 668.444c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 197.404 197.404 197.404-197.404c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"],"attrs":[{},{}],"tags":["chevron-circle-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":70,"id":126,"name":"chevron-circle-down","prevSize":80,"code":59689},"setIdx":0,"setId":1,"iconIdx":207},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M398.223 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l197.404-197.404-197.404-197.404c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0l-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"],"attrs":[{},{}],"tags":["chevron-circle-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":69,"id":127,"name":"chevron-circle-right","prevSize":80,"code":59690},"setIdx":0,"setId":1,"iconIdx":208},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M739.556 668.444c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-197.408-197.408-197.404 197.404c-7.599 7.095-17.835 11.451-29.087 11.451-23.564 0-42.667-19.103-42.667-42.667 0-11.253 4.356-21.488 11.475-29.112l-0.023 0.025 227.556-227.556c7.719-7.709 18.379-12.479 30.151-12.479s22.432 4.768 30.152 12.479v0l227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"],"attrs":[{},{}],"tags":["chevron-circle-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":68,"id":128,"name":"chevron-circle-up","prevSize":80,"code":59691},"setIdx":0,"setId":1,"iconIdx":209},{"icon":{"paths":["M512 902.549c-0.077 0-0.172 0-0.257 0-15.319 0-29.178-6.257-39.16-16.361l-0.005-0.005-258.132-260.364c-5.628-8.568-8.981-19.073-8.981-30.354 0-30.81 24.977-55.792 55.792-55.792 10.145 0 19.649 2.705 27.846 7.433l-0.269-0.143 223.173 223.173 223.173-223.173c7.925-4.589 17.434-7.289 27.577-7.289 30.81 0 55.792 24.977 55.792 55.792 0 11.285-3.353 21.785-9.108 30.566l0.128-0.209-258.132 258.132c-9.737 10.997-23.705 18.053-39.331 18.593l-0.092 0.004z","M512 493.405c-0.077 0-0.172 0-0.257 0-15.319 0-29.178-6.257-39.16-16.361l-0.005-0.005-258.132-262.596c-3.437-7.037-5.446-15.305-5.446-24.041 0-30.81 24.977-55.792 55.792-55.792 8.741 0 17.009 2.009 24.377 5.597l-0.329-0.145 223.173 223.173 223.173-223.173c7.037-3.437 15.305-5.446 24.041-5.446 30.81 0 55.792 24.977 55.792 55.792 0 8.741-2.009 17.009-5.597 24.377l0.145-0.329-260.364 260.364c-9.233 10.493-22.31 17.429-37.002 18.583l-0.192 0.012z"],"attrs":[{},{}],"tags":["angle-double-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":67,"id":129,"name":"angle-double-down","prevSize":80,"code":59692},"setIdx":0,"setId":1,"iconIdx":210},{"icon":{"paths":["M436.578 832.544c-0.073 0-0.172 0-0.262 0-15.535 0-29.584-6.348-39.707-16.591l-0.004-0.004-261.716-263.977c-10.22-10.237-16.542-24.365-16.542-39.973s6.32-29.742 16.542-39.973v0l261.716-261.716c8.688-5.708 19.333-9.102 30.778-9.102 31.242 0 56.568 25.327 56.568 56.568 0 10.286-2.746 19.925-7.538 28.233l0.144-0.272-226.267 226.267 226.267 226.267c10.22 10.237 16.542 24.365 16.542 39.973s-6.32 29.742-16.542 39.973v0c-9.854 8.923-22.994 14.389-37.408 14.389-0.902 0-1.8-0.024-2.694-0.065l0.124 0.004z","M851.399 832.544c-15.091-1.188-28.351-8.214-37.656-18.795l-0.055-0.065-263.977-263.977c-10.22-10.237-16.542-24.365-16.542-39.973s6.32-29.742 16.542-39.973v0l263.977-259.453c7.129-3.487 15.515-5.521 24.379-5.521 31.242 0 56.568 25.327 56.568 56.568 0 8.864-2.038 17.25-5.669 24.715l0.144-0.336-226.267 226.267 226.267 226.267c8.942 9.959 14.408 23.201 14.408 37.714s-5.466 27.749-14.45 37.763l0.045-0.055c-9.366 10.641-22.619 17.666-37.517 18.843l-0.193 0.014z"],"attrs":[{},{}],"tags":["angle-double-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":66,"id":130,"name":"angle-double-left","prevSize":80,"code":59693},"setIdx":0,"setId":1,"iconIdx":211},{"icon":{"paths":["M587.102 831.182c-0.073 0-0.171 0-0.259 0-15.47 0-29.463-6.321-39.534-16.519l-0.004-0.004c-10.173-10.194-16.472-24.266-16.472-39.803s6.29-29.611 16.472-39.809v0l225.304-225.304-225.304-225.304c-3.536-7.161-5.605-15.588-5.605-24.492 0-31.111 25.217-56.325 56.325-56.325 10.665 0 20.638 2.967 29.14 8.115l-0.251-0.143 262.858 262.858c10.173 10.194 16.472 24.266 16.472 39.803s-6.29 29.611-16.472 39.809v0l-262.858 258.35c-9.83 11.106-23.933 18.225-39.711 18.775l-0.094 0.004z","M174.042 831.182c-15.029-1.181-28.228-8.178-37.495-18.716l-0.053-0.063c-8.9-9.92-14.342-23.099-14.342-37.554s5.442-27.63 14.391-37.603l-0.045 0.053 225.304-225.304-225.304-225.304c-3.467-7.105-5.497-15.45-5.497-24.276 0-31.111 25.217-56.325 56.325-56.325 8.82 0 17.176 2.028 24.609 5.644l-0.339-0.145 262.858 262.858c10.173 10.194 16.472 24.266 16.472 39.803s-6.29 29.611-16.472 39.809v0l-262.858 258.35c-9.32 10.596-22.521 17.598-37.357 18.765l-0.192 0.014z"],"attrs":[{},{}],"tags":["angle-double-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":65,"id":131,"name":"angle-double-right","prevSize":80,"code":59694},"setIdx":0,"setId":1,"iconIdx":212},{"icon":{"paths":["M768.744 493.657c-0.079 0-0.163 0-0.259 0-15.11 0-28.77-6.175-38.616-16.135l-220.071-220.071-220.067 220.067c-6.991 3.451-15.223 5.479-23.923 5.479-30.385 0-55.016-24.631-55.016-55.016 0-10.412 2.899-20.155 7.927-28.458l-0.139 0.247 254.542-254.542c9.955-9.943 23.695-16.087 38.874-16.087s28.926 6.151 38.877 16.087v0l256.744 256.744c9.943 9.955 16.087 23.695 16.087 38.874s-6.151 28.926-16.087 38.877v0c-9.583 8.683-22.363 13.999-36.378 13.999-0.883 0-1.752-0.019-2.623-0.067l0.127 0.007z","M768.744 897.118c-14.683-1.159-27.57-7.987-36.629-18.283l-0.055-0.060-220.067-220.067-220.067 220.067c-6.935 3.391-15.091 5.371-23.707 5.371-30.385 0-55.016-24.631-55.016-55.016 0-8.623 1.987-16.772 5.515-24.038l-0.139 0.331 256.744-256.744c9.955-9.943 23.695-16.087 38.874-16.087s28.926 6.151 38.877 16.087v0l252.342 256.744c8.695 9.691 14.011 22.565 14.011 36.678s-5.316 26.99-14.059 36.726l0.043-0.055c-9.104 10.351-22.001 17.184-36.486 18.331l-0.187 0.012z"],"attrs":[{},{}],"tags":["angle-double-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":64,"id":132,"name":"angle-double-up","prevSize":80,"code":59695},"setIdx":0,"setId":1,"iconIdx":213},{"icon":{"paths":["M512 724.21c-0.086 0-0.192 0-0.293 0-17.487 0-33.3-7.139-44.687-18.671l-0.006-0.006-294.549-297.097c-6.421-9.779-10.246-21.757-10.246-34.639 0-35.163 28.506-63.662 63.662-63.662 11.573 0 22.424 3.091 31.773 8.485l-0.306-0.164 254.656 254.656 254.656-254.656c9.044-5.23 19.894-8.318 31.469-8.318 35.163 0 63.662 28.506 63.662 63.662 0 12.88-3.82 24.863-10.395 34.879l0.149-0.244-297.097 297.097c-10.874 11.029-25.782 18.050-42.325 18.671l-0.112 0.002z"],"attrs":[{}],"tags":["angle-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":224,"id":133,"name":"angle-down","prevSize":80,"code":59696},"setIdx":0,"setId":1,"iconIdx":214},{"icon":{"paths":["M645.785 836.904c-0.077 0-0.174 0-0.264 0-15.744 0-29.987-6.434-40.247-16.814l-267.57-267.57c-10.36-10.374-16.768-24.697-16.768-40.517s6.404-30.147 16.768-40.517v0l267.566-265.27c8.804-5.784 19.594-9.224 31.197-9.224 31.667 0 57.335 25.671 57.335 57.335 0 10.424-2.782 20.194-7.64 28.617l0.144-0.274-229.343 229.343 229.343 229.343c10.36 10.374 16.768 24.697 16.768 40.517s-6.404 30.147-16.768 40.517v0c-9.987 9.044-23.307 14.584-37.917 14.584-0.914 0-1.824-0.023-2.732-0.064l0.124 0.004z"],"attrs":[{}],"tags":["angle-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":62,"id":134,"name":"angle-left","prevSize":80,"code":59697},"setIdx":0,"setId":1,"iconIdx":215},{"icon":{"paths":["M377.809 837.894c-16.204-0.566-30.605-7.836-40.589-19.11l-0.054-0.059c-10.396-10.404-16.822-24.776-16.822-40.643s6.424-30.235 16.822-40.645v0l230.044-230.044-230.044-230.044c-2.746-6.474-4.334-14.004-4.334-21.905 0-31.765 25.748-57.513 57.513-57.513 10.324 0 20.016 2.723 28.392 7.484l-0.286-0.149 268.384 268.384c10.396 10.406 16.822 24.773 16.822 40.643s-6.424 30.236-16.822 40.645v0l-268.384 263.783c-10.036 11.334-24.433 18.607-40.543 19.164l-0.096 0.006z"],"attrs":[{}],"tags":["angle-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":61,"id":135,"name":"angle-right","prevSize":80,"code":59698},"setIdx":0,"setId":1,"iconIdx":216},{"icon":{"paths":["M804.999 721.286c-0.087 0-0.194 0-0.29 0-17.244 0-32.838-7.040-44.069-18.415l-251.149-251.149-251.143 251.143c-7.978 3.94-17.369 6.249-27.304 6.249-34.676 0-62.787-28.109-62.787-62.787 0-11.887 3.305-23 9.042-32.478l-0.157 0.277 292.999-292.999c11.357-11.344 27.043-18.363 44.37-18.363s33.008 7.014 44.37 18.363v0l292.999 292.999c11.344 11.357 18.363 27.043 18.363 44.37s-7.014 33.008-18.363 44.37v0c-11.24 11.41-26.866 18.481-44.134 18.481-0.966 0-1.925-0.024-2.88-0.070l0.133 0.002z"],"attrs":[{}],"tags":["angle-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":60,"id":136,"name":"angle-up","prevSize":80,"code":59699},"setIdx":0,"setId":1,"iconIdx":217},{"icon":{"paths":["M875.959 1024h-727.917c-82.563-3.472-148.18-71.248-148.18-154.349 0-2.309 0.051-4.607 0.151-6.89l-0.011 0.325v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c-0.162 1.762-0.255 3.81-0.255 5.881 0 34.276 25.406 62.617 58.412 67.222l0.357 0.041h729.673c33.364-4.645 58.77-32.987 58.77-67.263 0-2.069-0.093-4.118-0.274-6.141l0.019 0.261v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c0.091 1.983 0.143 4.309 0.143 6.646 0 82.485-64.648 149.87-146.039 154.251l-0.389 0.016z","M746.058 321.828c-0.060 0-0.133 0-0.204 0-12.052 0-22.954-4.923-30.804-12.869l-203.048-203.048-203.044 203.044c-7.816 7.297-18.344 11.778-29.918 11.778-24.237 0-43.886-19.648-43.886-43.886 0-11.575 4.48-22.102 11.803-29.944l-0.023 0.026 234.058-234.058c7.939-7.93 18.904-12.835 31.012-12.835s23.073 4.904 31.013 12.835v0l234.058 234.058c7.93 7.939 12.835 18.904 12.835 31.012s-4.904 23.073-12.835 31.013v0c-7.854 7.95-18.756 12.874-30.808 12.874-0.071 0-0.144 0-0.215 0h0.011z","M512 731.429c-24.106-0.325-43.561-19.78-43.886-43.854v-643.688c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 643.657c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z"],"attrs":[{},{},{}],"tags":["upload"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":59,"id":137,"name":"upload","prevSize":80,"code":59700},"setIdx":0,"setId":1,"iconIdx":218},{"icon":{"paths":["M875.959 1024h-727.917c-82.563-3.472-148.18-71.248-148.18-154.349 0-2.309 0.051-4.607 0.151-6.89l-0.011 0.325v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c-0.162 1.762-0.255 3.81-0.255 5.881 0 34.276 25.406 62.617 58.412 67.222l0.357 0.041h729.673c33.364-4.645 58.77-32.987 58.77-67.263 0-2.069-0.093-4.118-0.274-6.141l0.019 0.261v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c0.091 1.983 0.143 4.309 0.143 6.646 0 82.485-64.648 149.87-146.039 154.251l-0.389 0.016z","M512 731.429c-0.060 0-0.133 0-0.204 0-12.052 0-22.954-4.923-30.804-12.869l-234.062-234.062c-7.297-7.816-11.778-18.344-11.778-29.918 0-24.237 19.648-43.886 43.886-43.886 11.575 0 22.102 4.48 29.944 11.803l-0.026-0.023 203.044 203.044 203.044-203.044c7.816-7.297 18.344-11.778 29.918-11.778 24.237 0 43.886 19.648 43.886 43.886 0 11.575-4.48 22.102-11.803 29.944l0.023-0.026-234.058 234.058c-7.854 7.95-18.756 12.874-30.808 12.874-0.071 0-0.144 0-0.215 0h0.011z","M512 731.429c-24.106-0.325-43.561-19.78-43.886-43.854v-643.688c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 643.657c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z"],"attrs":[{},{},{}],"tags":["download"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":113,"id":138,"name":"download","prevSize":80,"code":59734},"setIdx":0,"setId":1,"iconIdx":219},{"icon":{"paths":["M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM85.333 512c0-0.111 0-0.24 0-0.369 0-102.621 36.521-196.712 97.276-269.985l-0.565 0.701 599.609 599.609c-72.916 60.16-167.308 96.645-270.223 96.645-235.327 0-426.097-190.771-426.097-426.097 0-0.177 0-0.353 0-0.531v0.028zM841.956 781.653l-599.609-599.609c72.855-59.977 167.108-96.344 269.855-96.344 235.327 0 426.097 190.771 426.097 426.097 0 102.747-36.367 197-96.931 270.591l0.587-0.735z"],"attrs":[{}],"tags":["ban"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":58,"id":139,"name":"ban","prevSize":80,"code":59701},"setIdx":0,"setId":1,"iconIdx":220},{"icon":{"paths":["M1021.85 393.483c-4.841-15.030-17.644-26.152-33.316-28.484l-0.227-0.028-303.002-44.165-135.848-274.491c-7.746-12.831-21.614-21.279-37.457-21.279s-29.71 8.447-37.346 21.083l-0.11 0.195-135.848 274.491-303.002 44.165c-15.899 2.36-28.701 13.481-33.462 28.219l-0.081 0.292c-1.397 4-2.204 8.612-2.204 13.413 0 11.571 4.687 22.048 12.267 29.634v0l220.265 213.556-51.991 301.885c-0.38 2.136-0.597 4.594-0.597 7.102 0 14.016 6.787 26.448 17.254 34.186l0.115 0.081c6.76 4.866 15.204 7.783 24.332 7.783 7.263 0 14.096-1.847 20.052-5.097l-0.219 0.11 270.579-142.557 271.137 142.557c5.647 3.156 12.387 5.020 19.564 5.031h0.004c9.211-0.109 17.721-3.021 24.742-7.922l-0.143 0.094c10.582-7.821 17.369-20.251 17.369-34.267 0-2.509-0.218-4.967-0.634-7.356l0.037 0.254-52.551-301.885 219.705-213.556c7.83-7.626 12.687-18.27 12.687-30.050 0-4.646-0.756-9.117-2.151-13.294l0.085 0.296z"],"attrs":[{}],"tags":["star-fill"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":57,"id":140,"name":"star-fill","prevSize":80,"code":59702},"setIdx":0,"setId":1,"iconIdx":221},{"icon":{"paths":["M802.661 1001.092c-7.178-0.012-13.918-1.875-19.772-5.137l0.207 0.106-271.096-142.535-271.096 142.535c-5.737 3.14-12.567 4.986-19.829 4.986-9.126 0-17.571-2.916-24.452-7.867l0.124 0.085c-10.58-7.82-17.366-20.248-17.366-34.262 0-2.509 0.217-4.966 0.634-7.355l-0.037 0.254 52.543-301.84-220.232-213.524c-7.577-7.585-12.265-18.059-12.265-29.629 0-4.8 0.807-9.412 2.291-13.706l-0.089 0.295c4.841-15.028 17.641-26.148 33.311-28.48l0.227-0.028 302.957-44.158 135.828-274.45c7.745-12.829 21.611-21.276 37.451-21.276s29.706 8.446 37.341 21.080l0.11 0.195 135.828 274.45 302.957 44.158c15.896 2.359 28.697 13.479 33.457 28.215l0.081 0.292c1.397 4 2.204 8.611 2.204 13.411 0 11.569-4.686 22.045-12.265 29.63v0l-220.232 213.524 51.984 301.84c0.38 2.135 0.597 4.593 0.597 7.101 0 14.014-6.786 26.444-17.251 34.181l-0.115 0.081c-6.725 4.703-15.021 7.598-23.979 7.824l-0.056 0.001zM512 764.651c7.119 0.088 13.834 1.727 19.85 4.594l-0.287-0.123 215.201 111.792-40.805-239.795c-0.368-2.129-0.579-4.58-0.579-7.081 0-11.813 4.698-22.528 12.328-30.38l-0.010 0.010 174.396-167.689-240.912-35.774c-13.783-2.252-25.168-10.868-31.19-22.677l-0.111-0.241-107.88-217.995-107.88 218.555c-6.135 12.049-17.52 20.666-31.056 22.884l-0.246 0.033-240.912 35.215 174.396 167.689c7.619 7.842 12.317 18.557 12.317 30.37 0 2.501-0.211 4.952-0.614 7.338l0.035-0.257-40.805 241.472 215.201-111.792c5.628-3.296 12.279-5.497 19.381-6.135l0.183-0.013z"],"attrs":[{}],"tags":["star"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":56,"id":141,"name":"star","prevSize":80,"code":59703},"setIdx":0,"setId":1,"iconIdx":222},{"icon":{"paths":["M679.213 992.738c-0.086 0-0.19 0-0.292 0-17.22 0-32.796-7.035-44.013-18.388l-418.039-418.039c-11.33-11.344-18.339-27.010-18.339-44.311s7.007-32.967 18.339-44.313v0l418.033-418.033c11.167-10.427 26.211-16.828 42.747-16.828 34.631 0 62.705 28.074 62.705 62.705 0 16.538-6.402 31.58-16.864 42.785l0.034-0.037-373.722 373.722 373.722 373.722c11.33 11.344 18.339 27.010 18.339 44.311s-7.007 32.967-18.339 44.313v0c-11.222 11.36-26.798 18.394-44.019 18.394-0.102 0-0.205 0-0.307 0h0.016z"],"attrs":[{}],"tags":["chevron-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":16,"id":142,"name":"chevron-left","prevSize":80,"code":59648},"setIdx":0,"setId":1,"iconIdx":223},{"icon":{"paths":["M344.779 992.761c-0.086 0-0.19 0-0.292 0-17.221 0-32.798-7.035-44.016-18.389l-0.006-0.006c-11.331-11.345-18.34-27.011-18.34-44.313s7.008-32.969 18.34-44.315v0l373.739-373.739-373.739-373.739c-10.427-11.167-16.829-26.212-16.829-42.749 0-34.632 28.075-62.708 62.708-62.708 16.539 0 31.582 6.402 42.787 16.865l-0.037-0.034 418.053 418.053c11.331 11.345 18.34 27.011 18.34 44.313s-7.008 32.969-18.34 44.315v0l-418.053 418.053c-11.223 11.36-26.8 18.395-44.021 18.395-0.102 0-0.205 0-0.307 0h0.016z"],"attrs":[{}],"tags":["chevron-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":17,"id":143,"name":"chevron-right","prevSize":80,"code":59649},"setIdx":0,"setId":1,"iconIdx":224},{"icon":{"paths":["M512 774.266c-0.084 0-0.183 0-0.282 0-16.621 0-31.655-6.79-42.481-17.748l-403.49-403.49c-6.608-9.557-10.557-21.395-10.557-34.153 0-33.426 27.098-60.522 60.522-60.522 13.37 0 25.728 4.335 35.742 11.677l-0.17-0.119 360.715 358.295 360.715-358.295c9.294-6.106 20.686-9.741 32.927-9.741 33.426 0 60.522 27.098 60.522 60.522 0 11.002-2.935 21.318-8.065 30.207l0.155-0.294-403.485 403.485c-10.561 11.928-25.717 19.583-42.668 20.171l-0.102 0.002z"],"attrs":[{}],"tags":["chevron-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":18,"id":144,"name":"chevron-down","prevSize":80,"code":59650},"setIdx":0,"setId":1,"iconIdx":225},{"icon":{"paths":["M912.529 772.345c-0.083 0-0.182 0-0.279 0-16.5 0-31.424-6.74-42.17-17.619l-358.079-358.079-358.074 355.671c-9.226 6.061-20.534 9.669-32.685 9.669-33.181 0-60.080-26.899-60.080-60.080 0-10.921 2.914-21.161 8.005-29.985l-0.154 0.291 400.529-400.529c10.869-10.856 25.879-17.571 42.456-17.571s31.587 6.714 42.457 17.571v0l400.529 400.529c10.856 10.869 17.571 25.879 17.571 42.456s-6.714 31.587-17.571 42.457v0c-10.467 9.481-24.421 15.283-39.728 15.283-0.96 0-1.913-0.022-2.862-0.068l0.134 0.005z"],"attrs":[{}],"tags":["chevron-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":19,"id":145,"name":"chevron-up","prevSize":80,"code":59651},"setIdx":0,"setId":1,"iconIdx":226},{"icon":{"paths":["M777.445 959.937c-0.065 0-0.144 0-0.22 0-11.19 0-21.502-3.743-29.759-10.044l0.119 0.088-530.888-398.166c-12.143-9.177-19.908-23.59-19.908-39.817s7.765-30.639 19.784-39.726l0.124-0.091 530.888-398.166c8.229-6.251 18.645-10.014 29.941-10.014 8.203 0 15.94 1.984 22.762 5.498l-0.278-0.131c16.203 8.535 27.088 25.214 27.208 44.445v796.35c-0.121 19.249-11.006 35.927-26.932 44.329l-0.275 0.133c-6.602 3.186-14.334 5.125-22.5 5.309l-0.063 0.002zM329.508 512l398.166 298.625v-597.249z"],"attrs":[{}],"tags":["caret-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":20,"id":146,"name":"caret-left","prevSize":80,"code":59652},"setIdx":0,"setId":1,"iconIdx":227},{"icon":{"paths":["M246.514 960.008c-8.001-0.105-15.52-2.052-22.189-5.441l0.287 0.133c-16.574-8.253-27.783-25.040-27.876-44.458v-796.469c0.092-19.426 11.302-36.213 27.587-44.339l0.287-0.132c6.449-3.33 14.077-5.284 22.158-5.284 11.175 0 21.478 3.731 29.729 10.017l-0.119-0.089 530.972 398.228c12.145 9.177 19.912 23.594 19.912 39.823s-7.766 30.645-19.789 39.733l-0.124 0.091-530.972 398.228c-8.14 6.214-18.456 9.957-29.645 9.957-0.077 0-0.156 0-0.232 0h0.012zM296.292 213.328v597.343l398.228-298.672z"],"attrs":[{}],"tags":["caret-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":21,"id":147,"name":"caret-right","prevSize":80,"code":59653},"setIdx":0,"setId":1,"iconIdx":228},{"icon":{"paths":["M512 808.242c-0.092 0-0.203 0.002-0.311 0.002-15.157 0-28.607-7.307-37.020-18.589l-0.088-0.122-374.2-498.935c-5.874-7.735-9.411-17.522-9.411-28.14 0-7.708 1.865-14.982 5.168-21.391l-0.124 0.263c8.022-15.226 23.696-25.457 41.77-25.57h748.419c18.091 0.116 33.765 10.344 41.662 25.311l0.125 0.259c3.18 6.151 5.044 13.42 5.044 21.131 0 10.614-3.536 20.406-9.494 28.255l0.085-0.116-374.2 498.935c-8.503 11.404-21.951 18.712-37.108 18.712-0.109 0-0.218 0-0.329-0.002h0.017zM231.349 309.307l280.651 374.2 280.651-374.2z"],"attrs":[{}],"tags":["caret-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":22,"id":148,"name":"caret-down","prevSize":80,"code":59654},"setIdx":0,"setId":1,"iconIdx":229},{"icon":{"paths":["M886.087 808.153h-748.175c-18.084-0.115-33.754-10.339-41.649-25.303l-0.125-0.259c-3.18-6.148-5.042-13.416-5.042-21.125 0-10.612 3.535-20.4 9.492-28.247l-0.085 0.116 374.087-498.782c8.871-10.966 22.328-17.919 37.409-17.919s28.537 6.953 37.338 17.828l0.069 0.090 374.087 498.782c5.874 7.732 9.407 17.518 9.407 28.131 0 7.706-1.864 14.977-5.165 21.386l0.123-0.262c-8.019 15.222-23.689 25.45-41.757 25.562h-0.016zM231.436 714.631h561.131l-280.564-374.087z"],"attrs":[{}],"tags":["caret-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":23,"id":149,"name":"caret-up","prevSize":80,"code":59655},"setIdx":0,"setId":1,"iconIdx":230},{"icon":{"paths":["M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c0 243.195-197.149 440.344-440.344 440.344v0zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z","M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z"],"attrs":[{},{}],"tags":["search"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":24,"id":150,"name":"search","prevSize":80,"code":59656},"setIdx":0,"setId":1,"iconIdx":231},{"icon":{"paths":["M367.973 877.709c-12.364-0.429-23.354-5.979-30.973-14.583l-0.039-0.045-292.569-292.569c-12.118-7.943-20.011-21.462-20.011-36.822 0-24.237 19.649-43.886 43.886-43.886 16.258 0 30.454 8.843 38.038 21.983l0.112 0.213 261.556 259.802 612.637-610.884c6.739-4.429 14.999-7.063 23.874-7.063 24.237 0 43.886 19.649 43.886 43.886 0 7.977-2.129 15.457-5.848 21.903l0.112-0.213-643.651 643.651c-7.658 8.649-18.646 14.2-30.94 14.626l-0.073 0.001z"],"attrs":[{}],"tags":["check"],"grid":16,"isMulticolor":false,"isMulticolor2":false,"width":1088},"attrs":[{}],"properties":{"order":25,"id":151,"name":"check","prevSize":80,"code":59657},"setIdx":0,"setId":1,"iconIdx":232},{"icon":{"paths":["M426.842 696.51c-11.361-0.894-21.337-6.182-28.346-14.147l-0.040-0.047-170.317-170.317c-2.623-5.368-4.157-11.68-4.157-18.35 0-23.516 19.064-42.579 42.579-42.579 6.67 0 12.983 1.534 18.603 4.269l-0.253-0.11 140.228 140.228 484.268-480.861c5.368-2.623 11.68-4.157 18.35-4.157 23.516 0 42.579 19.064 42.579 42.579 0 6.67-1.534 12.983-4.269 18.603l0.11-0.253-510.95 510.95c-7.048 8.010-17.025 13.299-28.241 14.184l-0.146 0.009z","M512 1022.95c-191.476-0.317-358.217-105.908-445.47-261.972l-1.328-2.587c-31.938-55.832-53.595-121.525-60.581-191.54l-0.166-2.053c-1.75-15.87-2.746-34.274-2.746-52.91 0-191.528 105.381-358.444 261.324-445.927l2.575-1.327c55.832-31.938 121.525-53.595 191.54-60.581l2.053-0.166c16.139-1.838 34.846-2.885 53.796-2.885 52.724 0 103.554 8.111 151.308 23.156l-3.563-0.969c19.66 4.032 34.236 21.19 34.236 41.754 0 23.516-19.064 42.579-42.579 42.579-5.793 0-11.317-1.158-16.352-3.253l0.282 0.104c-37.278-11.625-80.141-18.322-124.567-18.322-16.116 0-32.026 0.881-47.685 2.599l1.933-0.172c-60.018 6.3-114.675 24.271-163.354 51.622l2.121-1.095c-49.065 27.393-90.495 62.305-124.293 103.695l-0.607 0.765c-59.499 72.093-95.584 165.431-95.584 267.195 0 16.071 0.899 31.933 2.652 47.536l-0.174-1.916c6.3 60.018 24.271 114.675 51.622 163.354l-1.095-2.121c27.393 49.065 62.305 90.495 103.695 124.293l0.765 0.607c72.093 59.499 165.431 95.584 267.195 95.584 16.071 0 31.933-0.899 47.536-2.652l-1.916 0.174c60.018-6.3 114.675-24.271 163.354-51.622l-2.121 1.095c49.065-27.393 90.495-62.305 124.293-103.695l0.607-0.765c59.499-72.093 95.584-165.431 95.584-267.195 0-16.071-0.899-31.933-2.652-47.536l0.174 1.916c-0.129-1.276-0.204-2.758-0.204-4.258 0-24.725 20.044-44.769 44.769-44.769 23.226 0 42.321 17.686 44.551 40.326l0.015 0.185c1.73 15.781 2.716 34.082 2.716 52.613 0 191.743-105.619 358.82-261.851 446.222l-2.584 1.328c-56.511 33.262-123.144 55.912-194.296 63.403l-2.137 0.182c-17.6 0-35.767 0-52.798 0z"],"attrs":[{},{}],"tags":["check-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":26,"id":152,"name":"check-circle","prevSize":80,"code":59658},"setIdx":0,"setId":1,"iconIdx":233},{"icon":{"paths":["M586.932 512l312.455-312.455c10.394-9.708 16.875-23.488 16.875-38.79 0-29.283-23.737-53.020-53.020-53.020-15.299 0-29.084 6.481-38.759 16.841l-0.027 0.029-312.455 312.455-312.455-312.455c-9.444-8.816-22.161-14.228-36.145-14.228-29.283 0-53.020 23.737-53.020 53.020 0 13.985 5.412 26.701 14.261 36.174l-0.027-0.029 312.455 312.455-312.455 312.455c-9.582 9.589-15.504 22.839-15.504 37.468s5.926 27.874 15.504 37.469v0c9.589 9.582 22.839 15.504 37.468 15.504s27.874-5.926 37.469-15.504v0l312.455-312.455 312.455 312.455c9.589 9.582 22.839 15.504 37.468 15.504s27.874-5.926 37.469-15.504v0c9.582-9.589 15.504-22.839 15.504-37.468s-5.926-27.874-15.504-37.469v0z"],"attrs":[{}],"tags":["times"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":265,"id":153,"name":"times","prevSize":80,"code":59659},"setIdx":0,"setId":1,"iconIdx":234},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M341.333 725.333c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l341.333-341.333c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-341.333 341.333c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z","M682.667 725.333c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-341.337-341.337c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 341.333 341.333c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"],"attrs":[{},{},{}],"tags":["times-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":28,"id":154,"name":"times-circle","prevSize":80,"code":59660},"setIdx":0,"setId":1,"iconIdx":235},{"icon":{"paths":["M559.485 464.515v-395.695c0-26.223-21.257-47.485-47.485-47.485s-47.485 21.257-47.485 47.485v0 395.695h-395.695c-26.223 0-47.485 21.257-47.485 47.485s21.257 47.485 47.485 47.485v0h395.695v395.695c0.352 26.082 21.403 47.133 47.447 47.485h0.033c26.223 0 47.485-21.257 47.485-47.485v0-395.695h395.695c26.223 0 47.485-21.257 47.485-47.485v0c-0.352-26.082-21.403-47.133-47.447-47.485h-0.033z"],"attrs":[{}],"tags":["plus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":35,"id":155,"name":"plus","prevSize":80,"code":59661},"setIdx":0,"setId":1,"iconIdx":236},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z","M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"],"attrs":[{},{},{}],"tags":["plus-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":36,"id":156,"name":"plus-circle","prevSize":80,"code":59662},"setIdx":0,"setId":1,"iconIdx":237},{"icon":{"paths":["M967.085 568.886h-910.171c-31.417 0-56.886-25.469-56.886-56.886s25.469-56.886 56.886-56.886v0h910.171c31.417 0 56.886 25.469 56.886 56.886s-25.469 56.886-56.886 56.886v0z"],"attrs":[{}],"tags":["minus"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":41,"id":157,"name":"minus","prevSize":80,"code":59663},"setIdx":0,"setId":1,"iconIdx":238},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"],"attrs":[{},{}],"tags":["minus-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":42,"id":158,"name":"minus-circle","prevSize":80,"code":59664},"setIdx":0,"setId":1,"iconIdx":239},{"icon":{"paths":["M1024 512c0 282.769-229.231 512-512 512s-512-229.231-512-512c0-282.769 229.231-512 512-512s512 229.231 512 512z"],"attrs":[{}],"tags":["circle-on","deprecate"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":47,"id":159,"name":"circle-on","prevSize":80,"code":59665},"setIdx":0,"setId":1,"iconIdx":240},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"],"attrs":[{}],"tags":["circle-off","deprecate"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":48,"id":160,"name":"circle-off","prevSize":80,"code":59666},"setIdx":0,"setId":1,"iconIdx":241},{"icon":{"paths":["M512 761.297c-0.059 0-0.133 0-0.206 0-12.080 0-23.010-4.935-30.879-12.901l-410.613-410.613c-7.95-7.958-12.867-18.951-12.867-31.089 0-24.283 19.676-43.971 43.952-43.993h821.216c23.565 0.924 42.321 20.252 42.321 43.961 0 11.301-4.262 21.608-11.268 29.401l0.035-0.040-410.607 410.607c-7.678 8.671-18.694 14.235-31.015 14.662l-0.074 0.003zM207.563 350.691l304.437 304.437 304.437-304.437z"],"attrs":[{}],"tags":["sort-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":51,"id":161,"name":"sort-down","prevSize":80,"code":59667},"setIdx":0,"setId":1,"iconIdx":242},{"icon":{"paths":["M921.888 760.859h-819.773c-0.088 0-0.19 0.002-0.294 0.002-18.019 0-33.47-11-40.004-26.651l-0.105-0.287c-1.856-4.68-2.932-10.103-2.932-15.777 0-11.845 4.689-22.595 12.313-30.495l409.875-409.875c7.945-7.935 18.917-12.844 31.034-12.844s23.089 4.908 31.035 12.844v0l409.888 409.888c7.91 7.94 12.801 18.896 12.801 30.993 0 6.145-1.262 11.997-3.542 17.308l0.108-0.285c-7.032 14.993-22.001 25.192-39.352 25.192-0.369 0-0.739-0.004-1.106-0.013l0.055 0.002zM208.099 673.027h607.804l-303.901-303.901z"],"attrs":[{}],"tags":["sort-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":52,"id":162,"name":"sort-up","prevSize":80,"code":59668},"setIdx":0,"setId":1,"iconIdx":243},{"icon":{"paths":["M841.149 443.428h-658.298c-0.083 0-0.179 0.001-0.275 0.001-16.883 0-31.357-10.305-37.478-24.968l-0.099-0.269c-2.034-4.708-3.217-10.189-3.217-15.949 0-11.333 4.583-21.597 11.994-29.037l329.147-329.147c7.443-7.433 17.723-12.033 29.075-12.033s21.632 4.598 29.076 12.033v0l329.149 329.149c7.411 7.439 11.993 17.704 11.993 29.036 0 5.757-1.183 11.24-3.319 16.216l0.101-0.267c-6.22 14.932-20.695 25.236-37.577 25.236-0.097 0-0.193 0-0.29-0.001h0.015zM282.145 361.141h459.712l-229.855-229.855z","M512 992.009c-0.056 0-0.125 0-0.191 0-11.299 0-21.519-4.615-28.879-12.065l-329.153-329.153c-7.411-7.439-11.993-17.704-11.993-29.036 0-5.757 1.183-11.24 3.319-16.216l-0.101 0.267c6.22-14.932 20.695-25.236 37.577-25.236 0.097 0 0.193 0 0.29 0.001h658.283c0.083 0 0.179-0.001 0.275-0.001 16.883 0 31.357 10.305 37.478 24.968l0.099 0.269c2.034 4.708 3.217 10.189 3.217 15.949 0 11.333-4.583 21.597-11.994 29.037l-329.147 329.147c-7.363 7.453-17.584 12.068-28.883 12.068-0.067 0-0.135 0-0.202 0h0.010zM282.145 662.859l229.855 229.855 229.855-229.855z"],"attrs":[{},{}],"tags":["sort"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":54,"id":163,"name":"sort","prevSize":80,"code":59669},"setIdx":0,"setId":1,"iconIdx":244},{"icon":{"paths":["M776.253 1023.989c-13.652-0.164-25.983-5.679-35.022-14.542l-462.434-462.434c-8.953-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l462.442-462.442c8.959-8.925 21.319-14.443 34.966-14.443 6.933 0 13.536 1.424 19.529 3.996l-0.322-0.122c17.981 7.491 30.389 24.922 30.389 45.252 0 0.116 0 0.233-0.002 0.348v-0.019 924.882c0 0.099 0.002 0.215 0.002 0.331 0 20.33-12.41 37.761-30.067 45.132l-0.324 0.119c-5.648 2.471-12.229 3.927-19.143 3.964h-0.014zM383.839 512l342.867 342.867v-685.734z","M247.747 1023.989c-27.215-0.367-49.181-22.332-49.548-49.511v-924.917c0-27.364 22.183-49.548 49.548-49.548s49.548 22.183 49.548 49.548v0 924.882c-0.367 27.215-22.332 49.181-49.511 49.548h-0.036z"],"attrs":[{},{}],"tags":["step-backward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":29,"id":164,"name":"step-backward","prevSize":80,"code":59670},"setIdx":0,"setId":1,"iconIdx":245},{"icon":{"paths":["M247.747 1023.989c-6.929-0.037-13.509-1.493-19.478-4.087l0.321 0.124c-17.981-7.491-30.389-24.922-30.389-45.252 0-0.116 0-0.231 0.002-0.348v0.019-924.882c0-0.099-0.002-0.215-0.002-0.331 0-20.33 12.41-37.761 30.067-45.132l0.324-0.119c5.67-2.449 12.271-3.874 19.206-3.874 13.649 0 26.007 5.518 34.967 14.444l462.441 462.441c8.953 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0l-462.442 462.442c-9.030 8.855-21.362 14.37-34.982 14.533h-0.031zM297.295 169.133v685.734l342.867-342.867z","M776.253 1023.989c-27.215-0.367-49.181-22.332-49.548-49.511v-924.917c0-27.364 22.183-49.548 49.548-49.548s49.548 22.183 49.548 49.548v0 924.882c-0.367 27.215-22.332 49.181-49.513 49.548h-0.036z"],"attrs":[{},{}],"tags":["step-forward"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":30,"id":165,"name":"step-forward","prevSize":80,"code":59671},"setIdx":0,"setId":1,"iconIdx":246},{"icon":{"paths":["M325.818 465.455h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM139.636 93.091c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z","M325.818 1024h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM139.636 651.636c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z","M884.364 465.455h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM698.182 93.091c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z","M884.364 1024h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM698.182 651.636c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z"],"attrs":[{},{},{},{}],"tags":["th-large"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{},{}],"properties":{"order":34,"id":166,"name":"th-large","prevSize":80,"code":59672},"setIdx":0,"setId":1,"iconIdx":247},{"icon":{"paths":["M512 1023.983c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-396.378-396.378c-8.239-8.824-13.297-20.711-13.297-33.777 0-27.364 22.183-49.547 49.547-49.547 13.068 0 24.953 5.058 33.806 13.325l-0.029-0.026 361.361 361.361 361.361-361.361c8.824-8.239 20.711-13.297 33.777-13.297 27.364 0 49.547 22.183 49.547 49.547 0 13.068-5.058 24.953-13.325 33.806l0.026-0.029-396.374 396.374c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z","M512 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"],"attrs":[{},{}],"tags":["arrow-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":37,"id":167,"name":"arrow-down","prevSize":80,"code":59673},"setIdx":0,"setId":1,"iconIdx":248},{"icon":{"paths":["M445.937 957.921c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-396.378-396.378c-8.952-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l396.374-396.374c8.824-8.239 20.711-13.297 33.777-13.297 27.364 0 49.547 22.183 49.547 49.547 0 13.068-5.058 24.953-13.325 33.806l0.026-0.029-361.361 361.361 361.361 361.361c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z","M974.437 561.547h-924.872c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.872c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"],"attrs":[{},{}],"tags":["arrow-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":40,"id":168,"name":"arrow-left","prevSize":80,"code":59674},"setIdx":0,"setId":1,"iconIdx":249},{"icon":{"paths":["M578.063 957.921c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-0.005-0.005c-8.952-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l361.361-361.361-361.361-361.361c-8.239-8.824-13.297-20.711-13.297-33.777 0-27.364 22.183-49.547 49.547-49.547 13.068 0 24.953 5.058 33.806 13.325l-0.029-0.026 396.374 396.374c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0l-396.374 396.374c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z","M974.437 561.547h-924.872c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.872c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"],"attrs":[{},{}],"tags":["arrow-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":43,"id":169,"name":"arrow-right","prevSize":80,"code":59675},"setIdx":0,"setId":1,"iconIdx":250},{"icon":{"paths":["M908.374 495.484c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-361.366-361.366-361.361 361.361c-8.824 8.239-20.711 13.297-33.777 13.297-27.364 0-49.547-22.183-49.547-49.547 0-13.068 5.058-24.953 13.325-33.806l-0.026 0.029 396.374-396.374c8.963-8.952 21.342-14.491 35.013-14.491s26.049 5.537 35.014 14.491v0l396.374 396.374c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z","M512 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"],"attrs":[{},{}],"tags":["arrow-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":216,"id":170,"name":"arrow-up","prevSize":80,"code":59676},"setIdx":0,"setId":1,"iconIdx":251},{"icon":{"paths":["M974.438 561.547h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z","M974.438 264.265h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z","M974.438 858.829h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"],"attrs":[{},{},{}],"tags":["bars"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":215,"id":171,"name":"bars","prevSize":80,"code":59677},"setIdx":0,"setId":1,"iconIdx":252},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 197.404 197.404 197.404-197.404c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z","M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"],"attrs":[{},{},{}],"tags":["arrow-circle-down"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":50,"id":172,"name":"arrow-circle-down","prevSize":80,"code":59678},"setIdx":0,"setId":1,"iconIdx":253},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l227.556-227.556c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-197.404 197.404 197.404 197.404c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z","M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"],"attrs":[{},{},{}],"tags":["arrow-circle-left"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":53,"id":173,"name":"arrow-circle-left","prevSize":80,"code":59679},"setIdx":0,"setId":1,"iconIdx":254},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l197.404-197.404-197.404-197.404c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0l-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z","M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"],"attrs":[{},{},{}],"tags":["arrow-circle-right"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":55,"id":174,"name":"arrow-circle-right","prevSize":80,"code":59680},"setIdx":0,"setId":1,"iconIdx":255},{"icon":{"paths":["M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z","M739.556 554.667c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-197.408-197.408-197.404 197.404c-7.599 7.095-17.835 11.451-29.087 11.451-23.564 0-42.667-19.103-42.667-42.667 0-11.253 4.356-21.488 11.475-29.112l-0.023 0.025 227.556-227.556c7.719-7.709 18.379-12.479 30.151-12.479s22.432 4.768 30.152 12.479v0l227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z","M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"],"attrs":[{},{},{}],"tags":["arrow-circle-up"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":31,"id":175,"name":"arrow-circle-up","prevSize":80,"code":59681},"setIdx":0,"setId":1,"iconIdx":256},{"icon":{"paths":["M512 1023.999c-36.682-0.495-66.288-30.1-66.783-66.735v-623.353c0-36.883 29.9-66.783 66.783-66.783s66.783 29.9 66.783 66.783v0 623.305c-0.495 36.682-30.1 66.288-66.735 66.783h-0.048z","M512 178.087c-36.682-0.495-66.288-30.1-66.783-66.735v-44.569c0-36.883 29.9-66.783 66.783-66.783s66.783 29.9 66.783 66.783v0 44.521c-0.495 36.682-30.1 66.288-66.735 66.783h-0.048z"],"attrs":[{},{}],"tags":["info"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{}],"properties":{"order":33,"id":176,"name":"info","prevSize":80,"code":59683},"setIdx":0,"setId":1,"iconIdx":257},{"icon":{"paths":["M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-284.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 284.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z","M512 355.556c-23.436-0.316-42.351-19.231-42.667-42.636v-28.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 28.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z","M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"],"attrs":[{},{},{}],"tags":["info-circle"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":38,"id":177,"name":"info-circle","prevSize":80,"code":59684},"setIdx":0,"setId":1,"iconIdx":258},{"icon":{"paths":["M980.714 497.352c-0.058 0-0.126 0-0.195 0-9.879 0-18.984-3.304-26.275-8.867l0.106 0.077-442.349-331.615-442.349 331.615c-7.252 5.487-16.423 8.788-26.365 8.788-24.268 0-43.942-19.674-43.942-43.942 0-14.326 6.856-27.052 17.467-35.074l0.11-0.080 468.714-351.536c7.252-5.487 16.423-8.788 26.365-8.788s19.113 3.301 26.475 8.868l-0.11-0.080 468.714 351.536c9.942 8.121 16.239 20.379 16.239 34.109 0 9.129-2.783 17.608-7.548 24.634l0.099-0.154c-7.474 11.934-20.322 19.902-35.068 20.503l-0.085 0.003z","M863.536 966.067h-703.071c-24.136-0.325-43.617-19.805-43.942-43.91v-556.629c0-24.268 19.674-43.942 43.942-43.942s43.942 19.674 43.942 43.942v0 512.656h615.187v-512.656c0-24.268 19.674-43.942 43.942-43.942s43.942 19.674 43.942 43.942v0 556.598c-0.325 24.136-19.805 43.617-43.91 43.942h-0.032z","M629.178 966.067c-24.136-0.325-43.617-19.805-43.942-43.91v-366.215h-146.474v366.183c0 24.268-19.674 43.942-43.942 43.942s-43.942-19.674-43.942-43.942v0-410.125c0.325-24.136 19.805-43.617 43.91-43.942h234.389c24.136 0.325 43.617 19.805 43.942 43.91v410.157c-0.325 24.136-19.805 43.617-43.91 43.942h-0.032z"],"attrs":[{},{},{}],"tags":["home"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{},{},{}],"properties":{"order":214,"id":178,"name":"home","prevSize":80,"code":59685},"setIdx":0,"setId":1,"iconIdx":259},{"icon":{"paths":["M512 1023.985c-282.573-0.249-511.548-229.377-511.548-511.985 0-282.761 229.224-511.985 511.985-511.985 136.039 0 259.684 53.057 351.374 139.607l-0.248-0.232c7.709 7.718 12.478 18.378 12.478 30.15s-4.768 22.431-12.478 30.151v0c-7.654 7.849-18.334 12.718-30.15 12.718s-22.495-4.869-30.142-12.709l-0.008-0.009c-76.159-71.371-178.876-115.207-291.832-115.207-235.949 0-427.224 191.274-427.224 427.224s191.274 427.224 427.224 427.224c235.845 0 427.056-191.106 427.224-426.913v-0.016c0-23.563 19.102-42.665 42.665-42.665s42.665 19.102 42.665 42.665v0c0 282.761-229.224 511.985-511.985 511.985v0z"],"attrs":[{}],"tags":["spinner"],"grid":16,"isMulticolor":false,"isMulticolor2":false},"attrs":[{}],"properties":{"order":44,"id":179,"name":"spinner","prevSize":80,"code":59686},"setIdx":0,"setId":1,"iconIdx":260}],"height":1024,"metadata":{"name":"primeicons","url":"https://github.com/primefaces/primeicons","designer":"","license":"MIT","licenseURL":"https://opensource.org/licenses/MIT"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"pi-","metadata":{"fontFamily":"primeicons","majorVersion":1,"minorVersion":0,"copyright":"PrimeTek Informatics","designer":"","description":"Icon Library for Prime UI Libraries","fontURL":"https://github.com/primefaces/primeicons","license":"MIT","licenseURL":"https://opensource.org/licenses/MIT"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"autoHost":true,"showSelector":true,"showMetrics":true,"showMetadata":true,"showVersion":true,"includeMetadata":true},"imagePref":{"prefix":"pi-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","height":32,"columns":16,"margin":16,"name":"icomoon"},"historySize":50,"showCodes":true,"gridSize":16,"quickUsageToken":{"PrimeIcons":"NTQ3YTNmNDcyNzcwZTk0M2UzYzcxODljOTAyZTYyODEjMSMxNjYyOTc4NjMyIyMjNTU3N2Y2ZGJiZTc3"},"showGrid":true}} \ No newline at end of file diff --git a/tiles/assets/demo/data/kanban.json b/tiles/assets/demo/data/kanban.json deleted file mode 100644 index 94e25be..0000000 --- a/tiles/assets/demo/data/kanban.json +++ /dev/null @@ -1,196 +0,0 @@ -{ - "data": [ - { - "listId": "1", - "title": "Backlog", - "cards" : [ - { - "id": "11", - "title": "Qualitative resarch planning", - "description": "Hey there, we’re just writing to let you know", - "startDate":"2022-05-18", - "dueDate":"2022-05-18", - "completed": false, - "progress": 0, - "assignees": [ - {"name": "Ioni Bowcher", "image": "ionibowcher.png"}, - {"name": "Amy Elsner", "image": "amyelsner.png"} - ], - "comments": [ - {"name": "Ioni Bowcher", "image": "ionibowcher.png", "text": "How likely are you to recommend our company"}, - {"name": "Amy Elsner", "image": "amyelsner.png", "text": "Ok thanks!"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 4, - "taskList" : { - "id" : "1234", - "title": "Tasklist", - "tasks" : [] - } - }, - { - "id": "12", - "title": "Create new components", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", - "startDate":"2022-05-20", - "dueDate":"2022-05-22", - "completed": false, - "progress": 0, - "assignees": [ - {"name": "Asiya Javayant", "image": "asiyajavayant.png"}, - {"name": "Xuxue Feng", "image": "amyelsner.png"} - ], - "comments": [ - {"name": "Asiya Javayant", "image": "asiyajavayant.png", "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"}, - {"name": "Xuxue Feng", "image": "xuxuefeng.png", "text": "Ut enim ad minim veniam"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 3, - "taskList" : { - "id" : "12345", - "title": "Tasklist", - "tasks" : [] - } - }, - { - "id": "13", - "title": "Create new components", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", - "startDate":"2022-05-20", - "dueDate":"2022-05-25", - "completed": false, - "progress": 0, - "assignees": [ - {"name": "Asiya Javayant", "image": "asiyajavayant.png"}, - {"name": "Xuxue Feng", "image": "amyelsner.png"} - ], - "comments": [ - {"name": "Asiya Javayant", "image": "asiyajavayant.png", "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"}, - {"name": "Xuxue Feng", "image": "xuxuefeng.png", "text": "Ut enim ad minim veniam"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 12, - "taskList" : { - "id" : "1245", - "title": "Tasklist", - "tasks" : [] - } - }, - { - "id": "14", - "title": "Ut enim ad minim veniam", - "startDate":"2022-05-24", - "dueDate":"2022-05-26", - "completed": false, - "progress": 0, - "assignees": [ - {"name": "Xuxue Feng", "image": "xuxuefeng.png"} - ], - "comments": [ - {"name": "Onyama Limba", "image": "onyamalimba.png", "text": "Adipiscing tristique risus nec"}, - {"name": "Amy Elsner", "image": "amyelsner.png", "text": "Fermentum posuere urna nec"}, - {"name": "Ivan Magalhaes", "image": "ivanmagalhaes.png", "text": "Sed do eiusmod tempor"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 2, - "taskList" : { - "id" : "1345", - "title": "Tasklist", - "tasks" : [] - } - } - ] - }, - { - "listId": "2", - "title": "In Progress", - "cards" : [ - { - "id": "21", - "title": "Qualitative resarch planning", - "description": "Hey there, we’re just writing to let you know", - "startDate":"2022-05-18", - "dueDate":"2022-05-22", - "completed": false, - "progress": 50, - "assignees": [ - {"name": "Ioni Bowcher", "image": "ionibowcher.png"} - ], - "comments": [ - {"name": "Ioni Bowcher", "image": "ionibowcher.png", "text": "Ut enim ad minim veniam"}, - {"name": "Amy Elsner", "image": "amyelsner.png", "text": "Quis nostrud exercitation ullamco laboris"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 8, - "taskList" : { - "id" : "123", - "title": "Tasklist", - "tasks" : [ - { - "text": "Lorem ipsum dolor sit amet", - "completed": false - }, - { - "text": "Consectetur adipiscing elit", - "completed": true - }, - { - "text": "Lorem ipsum dolor sit amet", - "completed": false - }, - { - "text": "Consectetur adipiscing elit", - "completed": true - } - ] - } - }, - { - "id": "22", - "title": "Culpa qui officia", - "description": "Culpa qui officia deserunt mollit anim id est laborum", - "startDate":"2022-05-20", - "dueDate":"2022-05-26", - "completed": false, - "progress": 25, - "assignees": [ - {"name": "Onyama Limba", "image": "onyamalimba.png"}, - {"name": "Ivan Magalhaes", "image": "ivanmagalhaes.png"}, - {"name": "Amy Elsner", "image": "amyelsner.png"}, - {"name": "Xuxue Feng", "image": "xuxuefeng.png"}, - {"name": "Ioni Bowcher", "image": "ionibowcher.png"} - ], - "comments": [ - {"name": "Ioni Bowcher", "image": "ionibowcher.png", "text": "Excepteur sint occaecat cupidatat non proident"}, - {"name": "Amy Elsner", "image": "amyelsner.png", "text": "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"} - ], - "priority": {"color": "#3b82f6", "title": "Medium"}, - "attachments": 12, - "taskList" : { - "id" : "2341", - "title": "Tasklist", - "tasks" : [ - { - "text": "Lorem ipsum dolor sit amet", - "completed": false - }, - { - "text": "Consectetur adipiscing elit", - "completed": true - }, - { - "text": "Lorem ipsum dolor sit amet", - "completed": false - }, - { - "text": "Consectetur adipiscing elit", - "completed": false - } - ] - } - } - - ] - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/mail.json b/tiles/assets/demo/data/mail.json deleted file mode 100644 index b2a1749..0000000 --- a/tiles/assets/demo/data/mail.json +++ /dev/null @@ -1,365 +0,0 @@ -{ - "data": [ - { - "id": 1000, - "from": "Ioni Bowcher", - "email":"ionibowcher@gmail.com", - "image": "ionibowcher.png", - "title": "Apply These 7 Secret Techniques To Improve Event Apply These", - "message": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", - "date": "May 30 2022", - "important": true, - "starred": false, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1001, - "from": "Amy Elsner", - "email":"amyelsner@gmail.com", - "image": "amyelsner.png", - "title": "Nullam purus metus, cras adipiscing magna et, aliquam gravida", - "message": "Iaculis nunc sed augue lacus viverra vitae. Amet porttitor eget dolor morbi non arcu. Adipiscing commodo elit at imperdiet. Scelerisque viverra mauris in aliquam. Non diam phasellus vestibulum lorem sed risus. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. Curabitur vitae nunc sed velit dignissim sodales ut eu. Posuere morbi leo urna molestie at elementum eu facilisis. Commodo odio aenean sed adipiscing diam. Arcu non odio euismod lacinia at quis. Viverra suspendisse potenti nullam ac tortor vitae purus. Viverra mauris in aliquam sem fringilla ut morbi. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Tristique senectus et netus et malesuada.", - "date": "May 30 2022", - "important": false, - "starred": false, - "trash": true, - "spam": false, - "archived": false - }, - { - "id": 1002, - "from": "Asiya Javayant", - "email":"asiyajavayant@gmail.com", - "image": "asiyajavayant.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non", - "message": "In tellus integer feugiat scelerisque varius. Auctor neque vitae tempus quam pellentesque nec nam aliquam. Elit pellentesque habitant morbi tristique senectus et netus. Sodales ut etiam sit amet nisl purus in. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Quam vulputate dignissim suspendisse in est ante in nibh. Turpis egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Varius duis at consectetur lorem. Ultricies leo integer malesuada nunc vel. Blandit massa enim nec dui. Blandit massa enim nec dui nunc mattis enim. Arcu vitae elementum curabitur vitae nunc sed velit dignissim.", - "date": "May 28 2022", - "important": false, - "starred": false, - "trash": false, - "spam": true, - "archived": false - }, - { - "id": 1003, - "from": "Xuxue Feng", - "email":"xuexuefeng@gmail.com", - "image": "xuxuefeng.png", - "title": "Eget ipsum quam eu a, sit pellentesque molestie tristique.", - "message": "Euismod lacinia at quis risus. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Risus commodo viverra maecenas accumsan. ", - "date": "May 28 2022", - "important": false, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1004, - "from": "Ivan Magalhaes", - "email":"ionibowcher@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Tincidunt sed vel, ipsum in tincidunt. Scelerisque lectus dolor cras", - "message": "Cursus mattis molestie a iaculis at erat. Nisi quis eleifend quam adipiscing vitae proin sagittis. Risus quis varius quam quisque id diam vel. Egestas sed sed risus pretium quam vulputate dignissim suspendisse. Dolor morbi non arcu risus quis varius quam quisque id. Eros donec ac odio tempor orci dapibus ultrices in.", - "date": "May 27 2022", - "important": false, - "starred": false, - "trash": true, - "spam": false, - "archived": false - }, - { - "id": 1005, - "from": "Ivan Magalhaes", - "email":"ivanmagalhaes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consequat sed nibh laoreet ultrices at elit tellus, nunc. Neque,", - "message": "Tellus integer feugiat scelerisque varius. Tincidunt vitae semper quis lectus nulla. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Donec massa sapien faucibus et molestie ac. Nibh sit amet commodo nulla. ", - "date": "May 26 2022", - "important": false, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1006, - "from": "Onyama Limba", - "email":"onyamalimba@gmail.com", - "image": "onyamalimba.png", - "title": "Hendrerit pharetra eu eget phasellus orci. Enim mi sed sem", - "message": " Nullam non nisi est sit amet. Vivamus at augue eget arcu dictum varius duis at consectetur. Dignissim convallis aenean et tortor at risus viverra adipiscing at. A erat nam at lectus urna duis convallis. Cras ornare arcu dui vivamus arcu felis bibendum ut tristique.", - "date": "May 26 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 1007, - "from": "Ivan Magalhaes", - "email":"ivanmagalhes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non ", - "message": "Dolor purus non enim praesent elementum facilisis leo. Euismod nisi porta lorem mollis aliquam ut. Nec ultrices dui sapien eget mi proin sed libero enim. Morbi tristique senectus et netus et.", - "date": "May 24 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 1008, - "from": "Amy Elsner", - "email":"amyelsner@gmail.com", - "image": "amyelsner.png", - "title": "Nullam purus metus, cras adipiscing magna et, aliquam gravida", - "message": "Iaculis nunc sed augue lacus viverra vitae. Amet porttitor eget dolor morbi non arcu. Adipiscing commodo elit at imperdiet. Scelerisque viverra mauris in aliquam. Non diam phasellus vestibulum lorem sed risus. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. Curabitur vitae nunc sed velit dignissim sodales ut eu. Posuere morbi leo urna molestie at elementum eu facilisis. Commodo odio aenean sed adipiscing diam. Arcu non odio euismod lacinia at quis. Viverra suspendisse potenti nullam ac tortor vitae purus. Viverra mauris in aliquam sem fringilla ut morbi. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Tristique senectus et netus et malesuada.", - "date": "May 30 2022", - "important": false, - "starred": false, - "trash": true, - "spam": false, - "archived": false - }, - { - "id": 1009, - "from": "Asiya Javayant", - "email":"asiyajavayant@gmail.com", - "image": "asiyajavayant.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non", - "message": "In tellus integer feugiat scelerisque varius. Auctor neque vitae tempus quam pellentesque nec nam aliquam. Elit pellentesque habitant morbi tristique senectus et netus. Sodales ut etiam sit amet nisl purus in. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Quam vulputate dignissim suspendisse in est ante in nibh. Turpis egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Varius duis at consectetur lorem. Ultricies leo integer malesuada nunc vel. Blandit massa enim nec dui. Blandit massa enim nec dui nunc mattis enim. Arcu vitae elementum curabitur vitae nunc sed velit dignissim.", - "date": "May 28 2022", - "important": true, - "starred": false, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1010, - "from": "Xuxue Feng", - "email":"xuexuefeng@gmail.com", - "image": "xuxuefeng.png", - "title": "Eget ipsum quam eu a, sit pellentesque molestie tristique.", - "message": "Euismod lacinia at quis risus. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Risus commodo viverra maecenas accumsan. ", - "date": "May 28 2022", - "important": false, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1011, - "from": "Ivan Magalhaes", - "email":"ionibowcher@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Tincidunt sed vel, ipsum in tincidunt. Scelerisque lectus dolor cras", - "message": "Cursus mattis molestie a iaculis at erat. Nisi quis eleifend quam adipiscing vitae proin sagittis. Risus quis varius quam quisque id diam vel. Egestas sed sed risus pretium quam vulputate dignissim suspendisse. Dolor morbi non arcu risus quis varius quam quisque id. Eros donec ac odio tempor orci dapibus ultrices in.", - "date": "May 27 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 1012, - "from": "Ivan Magalhaes", - "email":"ivanmagalhaes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consequat sed nibh laoreet ultrices at elit tellus, nunc. Neque,", - "message": "Tellus integer feugiat scelerisque varius. Tincidunt vitae semper quis lectus nulla. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Donec massa sapien faucibus et molestie ac. Nibh sit amet commodo nulla. ", - "date": "May 26 2022", - "important": true, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1013, - "from": "Onyama Limba", - "email":"onyamalimba@gmail.com", - "image": "onyamalimba.png", - "title": "Hendrerit pharetra eu eget phasellus orci. Enim mi sed sem", - "message": " Nullam non nisi est sit amet. Vivamus at augue eget arcu dictum varius duis at consectetur. Dignissim convallis aenean et tortor at risus viverra adipiscing at. A erat nam at lectus urna duis convallis. Cras ornare arcu dui vivamus arcu felis bibendum ut tristique.", - "date": "May 26 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 1014, - "from": "Ivan Magalhaes", - "email":"ivanmagalhes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non ", - "message": "Dolor purus non enim praesent elementum facilisis leo. Euismod nisi porta lorem mollis aliquam ut. Nec ultrices dui sapien eget mi proin sed libero enim. Morbi tristique senectus et netus et.", - "date": "May 24 2022", - "important": false, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1015, - "from": "Amy Elsner", - "email":"amyelsner@gmail.com", - "image": "amyelsner.png", - "title": "Nullam purus metus, cras adipiscing magna et, aliquam gravida", - "message": "Iaculis nunc sed augue lacus viverra vitae. Amet porttitor eget dolor morbi non arcu. Adipiscing commodo elit at imperdiet. Scelerisque viverra mauris in aliquam. Non diam phasellus vestibulum lorem sed risus. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. Curabitur vitae nunc sed velit dignissim sodales ut eu. Posuere morbi leo urna molestie at elementum eu facilisis. Commodo odio aenean sed adipiscing diam. Arcu non odio euismod lacinia at quis. Viverra suspendisse potenti nullam ac tortor vitae purus. Viverra mauris in aliquam sem fringilla ut morbi. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Tristique senectus et netus et malesuada.", - "date": "May 30 2022", - "important": true, - "starred": false, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1016, - "from": "Asiya Javayant", - "email":"asiyajavayant@gmail.com", - "image": "asiyajavayant.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non", - "message": "In tellus integer feugiat scelerisque varius. Auctor neque vitae tempus quam pellentesque nec nam aliquam. Elit pellentesque habitant morbi tristique senectus et netus. Sodales ut etiam sit amet nisl purus in. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Quam vulputate dignissim suspendisse in est ante in nibh. Turpis egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Varius duis at consectetur lorem. Ultricies leo integer malesuada nunc vel. Blandit massa enim nec dui. Blandit massa enim nec dui nunc mattis enim. Arcu vitae elementum curabitur vitae nunc sed velit dignissim.", - "date": "May 28 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 1017, - "from": "Xuxue Feng", - "email":"xuexuefeng@gmail.com", - "image": "xuxuefeng.png", - "title": "Eget ipsum quam eu a, sit pellentesque molestie tristique.", - "message": "Euismod lacinia at quis risus. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Risus commodo viverra maecenas accumsan. ", - "date": "May 28 2022", - "important": false, - "starred": false, - "trash": false, - "spam": true, - "archived": false - }, - { - "id": 1018, - "from": "Ivan Magalhaes", - "email":"ionibowcher@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Tincidunt sed vel, ipsum in tincidunt. Scelerisque lectus dolor cras", - "message": "Cursus mattis molestie a iaculis at erat. Nisi quis eleifend quam adipiscing vitae proin sagittis. Risus quis varius quam quisque id diam vel. Egestas sed sed risus pretium quam vulputate dignissim suspendisse. Dolor morbi non arcu risus quis varius quam quisque id. Eros donec ac odio tempor orci dapibus ultrices in.", - "date": "May 27 2022", - "important": false, - "starred": false, - "trash": true, - "spam": false, - "archived": false - }, - { - "id": 1019, - "from": "Ivan Magalhaes", - "email":"ivanmagalhaes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consequat sed nibh laoreet ultrices at elit tellus, nunc. Neque,", - "message": "Tellus integer feugiat scelerisque varius. Tincidunt vitae semper quis lectus nulla. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Donec massa sapien faucibus et molestie ac. Nibh sit amet commodo nulla. ", - "date": "May 26 2022", - "important": false, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1020, - "from": "Onyama Limba", - "email":"onyamalimba@gmail.com", - "image": "onyamalimba.png", - "title": "Hendrerit pharetra eu eget phasellus orci. Enim mi sed sem", - "message": " Nullam non nisi est sit amet. Vivamus at augue eget arcu dictum varius duis at consectetur. Dignissim convallis aenean et tortor at risus viverra adipiscing at. A erat nam at lectus urna duis convallis. Cras ornare arcu dui vivamus arcu felis bibendum ut tristique.", - "date": "May 26 2022", - "important": false, - "starred": false, - "trash": false, - "spam": true, - "archived": false - }, - { - "id": 1021, - "from": "Ivan Magalhaes", - "email":"ivanmagalhes@gmail.com", - "image": "ivanmagalhaes.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non ", - "message": "Dolor purus non enim praesent elementum facilisis leo. Euismod nisi porta lorem mollis aliquam ut. Nec ultrices dui sapien eget mi proin sed libero enim. Morbi tristique senectus et netus et.", - "date": "May 24 2022", - "important": true, - "starred": true, - "trash": false, - "spam": false, - "archived": false - }, - { - "id": 1022, - "from": "Onyama Limba", - "email":"ionibowcher@gmail.com", - "image": "onyamalimba.png", - "title": "Nullam purus metus, cras adipiscing magna et, aliquam gravida", - "message": "Sed turpis tincidunt id aliquet risus feugiat in ante metus. Id semper risus in hendrerit. Placerat duis ultricies lacus sed. Non tellus orci ac auctor augue mauris augue.", - "date": "May 15 2022", - "important": false, - "starred": false, - "trash": false, - "spam": false, - "archived": true - }, - { - "id": 2000, - "to": "Ioni Bowcher", - "email":"ionibowcher@gmail.com", - "image": "ionibowcher.png", - "title": "Apply These 7 Secret Techniques To Improve Event Apply These", - "message": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", - "date": "May 30 2022", - "starred": false, - "trash": false, - "archived": false, - "sent" : true - }, - { - "id": 2001, - "to": "Amy Elsner", - "email":"amyelsner@gmail.com", - "image": "amyelsner.png", - "title": "Nullam purus metus, cras adipiscing magna et, aliquam gravida", - "message": "Iaculis nunc sed augue lacus viverra vitae. Amet porttitor eget dolor morbi non arcu. Adipiscing commodo elit at imperdiet. Scelerisque viverra mauris in aliquam. Non diam phasellus vestibulum lorem sed risus. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. Curabitur vitae nunc sed velit dignissim sodales ut eu. Posuere morbi leo urna molestie at elementum eu facilisis. Commodo odio aenean sed adipiscing diam. Arcu non odio euismod lacinia at quis. Viverra suspendisse potenti nullam ac tortor vitae purus. Viverra mauris in aliquam sem fringilla ut morbi. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Tristique senectus et netus et malesuada.", - "date": "May 30 2022", - "starred": true, - "trash": false, - "archived": false, - "sent" : true - }, - { - "id": 2002, - "to": "Asiya Javayant", - "email":"asiyajavayant@gmail.com", - "image": "asiyajavayant.png", - "title": "Consectetur sed dis viverra lorem. Augue felis sed elit rhoncus non", - "message": "In tellus integer feugiat scelerisque varius. Auctor neque vitae tempus quam pellentesque nec nam aliquam. Elit pellentesque habitant morbi tristique senectus et netus. Sodales ut etiam sit amet nisl purus in. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Quam vulputate dignissim suspendisse in est ante in nibh. Turpis egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Varius duis at consectetur lorem. Ultricies leo integer malesuada nunc vel. Blandit massa enim nec dui. Blandit massa enim nec dui nunc mattis enim. Arcu vitae elementum curabitur vitae nunc sed velit dignissim.", - "date": "May 28 2022", - "starred": false, - "trash": false, - "archived": false, - "sent" : true - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/members.json b/tiles/assets/demo/data/members.json deleted file mode 100644 index 6592e71..0000000 --- a/tiles/assets/demo/data/members.json +++ /dev/null @@ -1,49 +0,0 @@ -{ - "data": [ - { - "id": 1000, - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - { - "id": 1001, - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - { - "id": 1002, - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - { - "id": 1003, - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - }, - { - "id": 1004, - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - { - "id": 1005, - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - { - "id": 1006, - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - { - "id": 1007, - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - { - "id": 1008, - "name": "Onyama Limba", - "image": "onyamalimba.png" - } - ] -} diff --git a/tiles/assets/demo/data/photos.json b/tiles/assets/demo/data/photos.json deleted file mode 100644 index f70e98a..0000000 --- a/tiles/assets/demo/data/photos.json +++ /dev/null @@ -1,94 +0,0 @@ -{ - "data":[ - { - "itemImageSrc": "assets/demo/images/galleria/galleria1.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria1s.jpg", - "alt": "Description for Image 1", - "title": "Title 1" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria2.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria2s.jpg", - "alt": "Description for Image 2", - "title": "Title 2" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria3.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria3s.jpg", - "alt": "Description for Image 3", - "title": "Title 3" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria4.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria4s.jpg", - "alt": "Description for Image 4", - "title": "Title 4" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria5.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria5s.jpg", - "alt": "Description for Image 5", - "title": "Title 5" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria6.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria6s.jpg", - "alt": "Description for Image 6", - "title": "Title 6" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria7.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria7s.jpg", - "alt": "Description for Image 7", - "title": "Title 7" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria8.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria8s.jpg", - "alt": "Description for Image 8", - "title": "Title 8" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria9.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria9s.jpg", - "alt": "Description for Image 9", - "title": "Title 9" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria10.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria10s.jpg", - "alt": "Description for Image 10", - "title": "Title 10" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria11.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria11s.jpg", - "alt": "Description for Image 11", - "title": "Title 11" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria12.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria12s.jpg", - "alt": "Description for Image 12", - "title": "Title 12" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria13.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria13s.jpg", - "alt": "Description for Image 13", - "title": "Title 13" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria14.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria14s.jpg", - "alt": "Description for Image 14", - "title": "Title 14" - }, - { - "itemImageSrc": "assets/demo/images/galleria/galleria15.jpg", - "thumbnailImageSrc": "assets/demo/images/galleria/galleria15s.jpg", - "alt": "Description for Image 15", - "title": "Title 15" - } - ] -} diff --git a/tiles/assets/demo/data/products-mixed.json b/tiles/assets/demo/data/products-mixed.json deleted file mode 100644 index 0105734..0000000 --- a/tiles/assets/demo/data/products-mixed.json +++ /dev/null @@ -1,364 +0,0 @@ -{ - "data": [ - { - "id": "1007", - "code": "mbvjkgip5", - "name": "Galaxy Earrings", - "description": "Product Description", - "image": "galaxy-earrings.jpg", - "price": 34, - "category": "Accessories", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1024", - "code": "lm2tny2k4", - "name": "Shoes", - "description": "Product Description", - "image": "shoes.jpg", - "price": 64, - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1016", - "code": "k8l6j58jl", - "name": "Lime Band", - "description": "Product Description", - "image": "lime-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 12, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1009", - "code": "cm230f032", - "name": "Gaming Set", - "description": "Product Description", - "image": "gaming-set.jpg", - "price": 299, - "category": "Electronics", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1002", - "code": "zz21cz3c1", - "name": "Blue Band", - "description": "Product Description", - "image": "blue-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1001", - "code": "nvklal433", - "name": "Black Watch", - "description": "Product Description", - "image": "black-watch.jpg", - "price": 72, - "category": "Accessories", - "quantity": 61, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1003", - "code": "244wgerg2", - "name": "Blue T-Shirt", - "description": "Product Description", - "image": "blue-t-shirt.jpg", - "price": 29, - "category": "Clothing", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1019", - "code": "mnb5mb2m5", - "name": "Pink Band", - "description": "Product Description", - "image": "pink-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1006", - "code": "bib36pfvm", - "name": "Chakra Bracelet", - "description": "Product Description", - "image": "chakra-bracelet.jpg", - "price": 32, - "category": "Accessories", - "quantity": 5, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1025", - "code": "nbm5mv45n", - "name": "Sneakers", - "description": "Product Description", - "image": "sneakers.jpg", - "price": 78, - "category": "Clothing", - "quantity": 52, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1008", - "code": "vbb124btr", - "name": "Game Controller", - "description": "Product Description", - "image": "game-controller.jpg", - "price": 99, - "category": "Electronics", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 4 - }, - { - "id": "1010", - "code": "plb34234v", - "name": "Gold Phone Case", - "description": "Product Description", - "image": "gold-phone-case.jpg", - "price": 24, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1011", - "code": "4920nnc2d", - "name": "Green Earbuds", - "description": "Product Description", - "image": "green-earbuds.jpg", - "price": 89, - "category": "Electronics", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1015", - "code": "vb34btbg5", - "name": "Light Green T-Shirt", - "description": "Product Description", - "image": "light-green-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 34, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1012", - "code": "250vm23cc", - "name": "Green T-Shirt", - "description": "Product Description", - "image": "green-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 74, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1014", - "code": "waas1x2as", - "name": "Headphones", - "description": "Product Description", - "image": "headphones.jpg", - "price": 175, - "category": "Electronics", - "quantity": 8, - "inventoryStatus": "LOWSTOCK", - "rating": 5 - }, - { - "id": "1017", - "code": "v435nn85n", - "name": "Mini Speakers", - "description": "Product Description", - "image": "mini-speakers.jpg", - "price": 85, - "category": "Clothing", - "quantity": 42, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1005", - "code": "av2231fwg", - "name": "Brown Purse", - "description": "Product Description", - "image": "brown-purse.jpg", - "price": 120, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1018", - "code": "09zx9c0zc", - "name": "Painted Phone Case", - "description": "Product Description", - "image": "painted-phone-case.jpg", - "price": 56, - "category": "Accessories", - "quantity": 41, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1020", - "code": "r23fwf2w3", - "name": "Pink Purse", - "description": "Product Description", - "image": "pink-purse.jpg", - "price": 110, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1021", - "code": "pxpzczo23", - "name": "Purple Band", - "description": "Product Description", - "image": "purple-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 6, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1022", - "code": "2c42cb5cb", - "name": "Purple Gemstone Necklace", - "description": "Product Description", - "image": "purple-gemstone-necklace.jpg", - "price": 45, - "category": "Accessories", - "quantity": 62, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1023", - "code": "5k43kkk23", - "name": "Purple T-Shirt", - "description": "Product Description", - "image": "purple-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 5 - }, - { - "id": "1028", - "code": "tx125ck42", - "name": "Yoga Mat", - "description": "Product Description", - "image": "yoga-mat.jpg", - "price": 20, - "category": "Fitness", - "quantity": 15, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1027", - "code": "acvx872gc", - "name": "Yellow Earbuds", - "description": "Product Description", - "image": "yellow-earbuds.jpg", - "price": 89, - "category": "Electronics", - "quantity": 35, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1000", - "code": "f230fh0g3", - "name": "Bamboo Watch", - "description": "Product Description", - "image": "bamboo-watch.jpg", - "price": 65, - "category": "Accessories", - "quantity": 24, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1013", - "code": "fldsmn31b", - "name": "Grey T-Shirt", - "description": "Product Description", - "image": "grey-t-shirt.jpg", - "price": 48, - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 3 - }, - { - "id": "1026", - "code": "zx23zc42c", - "name": "Teal T-Shirt", - "description": "Product Description", - "image": "teal-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 3, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1004", - "code": "h456wer53", - "name": "Bracelet", - "description": "Product Description", - "image": "bracelet.jpg", - "price": 15, - "category": "Accessories", - "quantity": 73, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1029", - "code": "gwuby345v", - "name": "Yoga Set", - "description": "Product Description", - "image": "yoga-set.jpg", - "price": 20, - "category": "Fitness", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 8 - } - ] -} diff --git a/tiles/assets/demo/data/products-orders-small.json b/tiles/assets/demo/data/products-orders-small.json deleted file mode 100644 index b66e290..0000000 --- a/tiles/assets/demo/data/products-orders-small.json +++ /dev/null @@ -1,341 +0,0 @@ -{ - "data": [ - { - "id": "1000", - "code": "f230fh0g3", - "name": "Bamboo Watch", - "description": "Product Description", - "image": "bamboo-watch.jpg", - "price": 65, - "category": "Accessories", - "quantity": 24, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "1000", - "productCode": "f230fh0g3", - "date": "2020-09-13", - "amount": 65, - "quantity": 1, - "customer": "David James", - "status": "PENDING" - }, - { - "id": "1001", - "productCode": "f230fh0g3", - "date": "2020-05-14", - "amount": 130, - "quantity": 2, - "customer": "Leon Rodrigues", - "status": "DELIVERED" - }, - { - "id": "1002", - "productCode": "f230fh0g3", - "date": "2019-01-04", - "amount": 65, - "quantity": 1, - "customer": "Juan Alejandro", - "status": "RETURNED" - }, - { - "id": "1003", - "productCode": "f230fh0g3", - "date": "2020-09-13", - "amount": 195, - "quantity": 3, - "customer": "Claire Morrow", - "status": "CANCELLED" - } - ] - }, - { - "id": "1001", - "code": "nvklal433", - "name": "Black Watch", - "description": "Product Description", - "image": "black-watch.jpg", - "price": 72, - "category": "Accessories", - "quantity": 61, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "2000", - "productCode": "nvklal433", - "date": "2020-05-14", - "amount": 72, - "quantity": 1, - "customer": "Maisha Jefferson", - "status": "DELIVERED" - }, - { - "id": "2001", - "productCode": "nvklal433", - "date": "2020-02-28", - "amount": 144, - "quantity": 2, - "customer": "Octavia Murillo", - "status": "PENDING" - } - ] - }, - { - "id": "1002", - "code": "zz21cz3c1", - "name": "Blue Band", - "description": "Product Description", - "image": "blue-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "3000", - "productCode": "zz21cz3c1", - "date": "2020-07-05", - "amount": 79, - "quantity": 1, - "customer": "Stacey Leja", - "status": "DELIVERED" - }, - { - "id": "3001", - "productCode": "zz21cz3c1", - "date": "2020-02-06", - "amount": 79, - "quantity": 1, - "customer": "Ashley Wickens", - "status": "DELIVERED" - } - ] - }, - { - "id": "1003", - "code": "244wgerg2", - "name": "Blue T-Shirt", - "description": "Product Description", - "image": "blue-t-shirt.jpg", - "price": 29, - "category": "Clothing", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [] - }, - { - "id": "1004", - "code": "h456wer53", - "name": "Bracelet", - "description": "Product Description", - "image": "bracelet.jpg", - "price": 15, - "category": "Accessories", - "quantity": 73, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "5000", - "productCode": "h456wer53", - "date": "2020-09-05", - "amount": 60, - "quantity": 4, - "customer": "Mayumi Misaki", - "status": "PENDING" - }, - { - "id": "5001", - "productCode": "h456wer53", - "date": "2019-04-16", - "amount": 2, - "quantity": 30, - "customer": "Francesco Salvatore", - "status": "DELIVERED" - } - ] - }, - { - "id": "1005", - "code": "av2231fwg", - "name": "Brown Purse", - "description": "Product Description", - "image": "brown-purse.jpg", - "price": 120, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4, - "orders": [ - { - "id": "6000", - "productCode": "av2231fwg", - "date": "2020-01-25", - "amount": 120, - "quantity": 1, - "customer": "Isabel Sinclair", - "status": "RETURNED" - }, - { - "id": "6001", - "productCode": "av2231fwg", - "date": "2019-03-12", - "amount": 240, - "quantity": 2, - "customer": "Lionel Clifford", - "status": "DELIVERED" - }, - { - "id": "6002", - "productCode": "av2231fwg", - "date": "2019-05-05", - "amount": 120, - "quantity": 1, - "customer": "Cody Chavez", - "status": "DELIVERED" - } - ] - }, - { - "id": "1006", - "code": "bib36pfvm", - "name": "Chakra Bracelet", - "description": "Product Description", - "image": "chakra-bracelet.jpg", - "price": 32, - "category": "Accessories", - "quantity": 5, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "7000", - "productCode": "bib36pfvm", - "date": "2020-02-24", - "amount": 32, - "quantity": 1, - "customer": "Arvin Darci", - "status": "DELIVERED" - }, - { - "id": "7001", - "productCode": "bib36pfvm", - "date": "2020-01-14", - "amount": 64, - "quantity": 2, - "customer": "Izzy Jones", - "status": "PENDING" - } - ] - }, - { - "id": "1007", - "code": "mbvjkgip5", - "name": "Galaxy Earrings", - "description": "Product Description", - "image": "galaxy-earrings.jpg", - "price": 34, - "category": "Accessories", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "8000", - "productCode": "mbvjkgip5", - "date": "2020-06-19", - "amount": 34, - "quantity": 1, - "customer": "Jennifer Smith", - "status": "DELIVERED" - } - ] - }, - { - "id": "1008", - "code": "vbb124btr", - "name": "Game Controller", - "description": "Product Description", - "image": "game-controller.jpg", - "price": 99, - "category": "Electronics", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 4, - "orders": [ - { - "id": "9000", - "productCode": "vbb124btr", - "date": "2020-01-05", - "amount": 99, - "quantity": 1, - "customer": "Jeanfrancois David", - "status": "DELIVERED" - }, - { - "id": "9001", - "productCode": "vbb124btr", - "date": "2020-01-19", - "amount": 198, - "quantity": 2, - "customer": "Ivar Greenwood", - "status": "RETURNED" - } - ] - }, - { - "id": "1009", - "code": "cm230f032", - "name": "Gaming Set", - "description": "Product Description", - "image": "gaming-set.jpg", - "price": 299, - "category": "Electronics", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 3, - "orders": [ - { - "id": "10000", - "productCode": "cm230f032", - "date": "2020-06-24", - "amount": 299, - "quantity": 1, - "customer": "Kadeem Mujtaba", - "status": "PENDING" - }, - { - "id": "10001", - "productCode": "cm230f032", - "date": "2020-05-11", - "amount": 299, - "quantity": 1, - "customer": "Ashley Wickens", - "status": "DELIVERED" - }, - { - "id": "10002", - "productCode": "cm230f032", - "date": "2019-02-07", - "amount": 299, - "quantity": 1, - "customer": "Julie Johnson", - "status": "DELIVERED" - }, - { - "id": "10003", - "productCode": "cm230f032", - "date": "2020-04-26", - "amount": 299, - "quantity": 1, - "customer": "Tony Costa", - "status": "CANCELLED" - } - ] - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/products-orders.json b/tiles/assets/demo/data/products-orders.json deleted file mode 100644 index de8c170..0000000 --- a/tiles/assets/demo/data/products-orders.json +++ /dev/null @@ -1,833 +0,0 @@ -{ - "data": [ - { - "id": "1000", - "code": "f230fh0g3", - "name": "Bamboo Watch", - "description": "Product Description", - "image": "bamboo-watch.jpg", - "price": 65, - "category": "Accessories", - "quantity": 24, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "1000-0", - "productCode": "f230fh0g3", - "date": "2020-09-13", - "amount": 65, - "quantity": 1, - "customer": "David James", - "status": "PENDING" - }, - { - "id": "1001-1", - "productCode": "f230fh0g3", - "date": "2020-05-14", - "amount": 130, - "quantity": 2, - "customer": "Leon Rodrigues", - "status": "DELIVERED" - }, - { - "id": "1002-2", - "productCode": "f230fh0g3", - "date": "2019-01-04", - "amount": 65, - "quantity": 1, - "customer": "Juan Alejandro", - "status": "RETURNED" - }, - { - "id": "1003-3", - "productCode": "f230fh0g3", - "date": "2020-09-13", - "amount": 195, - "quantity": 3, - "customer": "Claire Morrow", - "status": "CANCELLED" - } - ] - }, - { - "id": "1001", - "code": "nvklal433", - "name": "Black Watch", - "description": "Product Description", - "image": "black-watch.jpg", - "price": 72, - "category": "Accessories", - "quantity": 61, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1001-0", - "productCode": "nvklal433", - "date": "2020-05-14", - "amount": 72, - "quantity": 1, - "customer": "Maisha Jefferson", - "status": "DELIVERED" - }, - { - "id": "1001-1", - "productCode": "nvklal433", - "date": "2020-02-28", - "amount": 144, - "quantity": 2, - "customer": "Octavia Murillo", - "status": "PENDING" - } - ] - }, - { - "id": "1002", - "code": "zz21cz3c1", - "name": "Blue Band", - "description": "Product Description", - "image": "blue-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "1002-0", - "productCode": "zz21cz3c1", - "date": "2020-07-05", - "amount": 79, - "quantity": 1, - "customer": "Stacey Leja", - "status": "DELIVERED" - }, - { - "id": "1002-1", - "productCode": "zz21cz3c1", - "date": "2020-02-06", - "amount": 79, - "quantity": 1, - "customer": "Ashley Wickens", - "status": "DELIVERED" - } - ] - }, - { - "id": "1003", - "code": "244wgerg2", - "name": "Blue T-Shirt", - "description": "Product Description", - "image": "blue-t-shirt.jpg", - "price": 29, - "category": "Clothing", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [] - }, - { - "id": "1004", - "code": "h456wer53", - "name": "Bracelet", - "description": "Product Description", - "image": "bracelet.jpg", - "price": 15, - "category": "Accessories", - "quantity": 73, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1004-0", - "productCode": "h456wer53", - "date": "2020-09-05", - "amount": 60, - "quantity": 4, - "customer": "Mayumi Misaki", - "status": "PENDING" - }, - { - "id": "1004-5", - "productCode": "h456wer53", - "date": "2019-04-16", - "amount": 2, - "quantity": 30, - "customer": "Francesco Salvatore", - "status": "DELIVERED" - } - ] - }, - { - "id": "1005", - "code": "av2231fwg", - "name": "Brown Purse", - "description": "Product Description", - "image": "brown-purse.jpg", - "price": 120, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4, - "orders": [ - { - "id": "1005-0", - "productCode": "av2231fwg", - "date": "2020-01-25", - "amount": 120, - "quantity": 1, - "customer": "Isabel Sinclair", - "status": "RETURNED" - }, - { - "id": "1005-1", - "productCode": "av2231fwg", - "date": "2019-03-12", - "amount": 240, - "quantity": 2, - "customer": "Lionel Clifford", - "status": "DELIVERED" - }, - { - "id": "1005-2", - "productCode": "av2231fwg", - "date": "2019-05-05", - "amount": 120, - "quantity": 1, - "customer": "Cody Chavez", - "status": "DELIVERED" - } - ] - }, - { - "id": "1006", - "code": "bib36pfvm", - "name": "Chakra Bracelet", - "description": "Product Description", - "image": "chakra-bracelet.jpg", - "price": 32, - "category": "Accessories", - "quantity": 5, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "1006-0", - "productCode": "bib36pfvm", - "date": "2020-02-24", - "amount": 32, - "quantity": 1, - "customer": "Arvin Darci", - "status": "DELIVERED" - }, - { - "id": "1006-1", - "productCode": "bib36pfvm", - "date": "2020-01-14", - "amount": 64, - "quantity": 2, - "customer": "Izzy Jones", - "status": "PENDING" - } - ] - }, - { - "id": "1007", - "code": "mbvjkgip5", - "name": "Galaxy Earrings", - "description": "Product Description", - "image": "galaxy-earrings.jpg", - "price": 34, - "category": "Accessories", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "1007-0", - "productCode": "mbvjkgip5", - "date": "2020-06-19", - "amount": 34, - "quantity": 1, - "customer": "Jennifer Smith", - "status": "DELIVERED" - } - ] - }, - { - "id": "1008", - "code": "vbb124btr", - "name": "Game Controller", - "description": "Product Description", - "image": "game-controller.jpg", - "price": 99, - "category": "Electronics", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 4, - "orders": [ - { - "id": "1008-0", - "productCode": "vbb124btr", - "date": "2020-01-05", - "amount": 99, - "quantity": 1, - "customer": "Jeanfrancois David", - "status": "DELIVERED" - }, - { - "id": "1008-1", - "productCode": "vbb124btr", - "date": "2020-01-19", - "amount": 198, - "quantity": 2, - "customer": "Ivar Greenwood", - "status": "RETURNED" - } - ] - }, - { - "id": "1009", - "code": "cm230f032", - "name": "Gaming Set", - "description": "Product Description", - "image": "gaming-set.jpg", - "price": 299, - "category": "Electronics", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 3, - "orders": [ - { - "id": "1009-0", - "productCode": "cm230f032", - "date": "2020-06-24", - "amount": 299, - "quantity": 1, - "customer": "Kadeem Mujtaba", - "status": "PENDING" - }, - { - "id": "1009-1", - "productCode": "cm230f032", - "date": "2020-05-11", - "amount": 299, - "quantity": 1, - "customer": "Ashley Wickens", - "status": "DELIVERED" - }, - { - "id": "1009-2", - "productCode": "cm230f032", - "date": "2019-02-07", - "amount": 299, - "quantity": 1, - "customer": "Julie Johnson", - "status": "DELIVERED" - }, - { - "id": "1009-3", - "productCode": "cm230f032", - "date": "2020-04-26", - "amount": 299, - "quantity": 1, - "customer": "Tony Costa", - "status": "CANCELLED" - } - ] - }, - { - "id": "1010", - "code": "plb34234v", - "name": "Gold Phone Case", - "description": "Product Description", - "image": "gold-phone-case.jpg", - "price": 24, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4, - "orders": [ - { - "id": "1010-0", - "productCode": "plb34234v", - "date": "2020-02-04", - "amount": 24, - "quantity": 1, - "customer": "James Butt", - "status": "DELIVERED" - }, - { - "id": "1010-1", - "productCode": "plb34234v", - "date": "2020-05-05", - "amount": 48, - "quantity": 2, - "customer": "Josephine Darakjy", - "status": "DELIVERED" - } - ] - }, - { - "id": "1011", - "code": "4920nnc2d", - "name": "Green Earbuds", - "description": "Product Description", - "image": "green-earbuds.jpg", - "price": 89, - "category": "Electronics", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1011-0", - "productCode": "4920nnc2d", - "date": "2020-06-01", - "amount": 89, - "quantity": 1, - "customer": "Art Venere", - "status": "DELIVERED" - } - ] - }, - { - "id": "1012", - "code": "250vm23cc", - "name": "Green T-Shirt", - "description": "Product Description", - "image": "green-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 74, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "1012-0", - "productCode": "250vm23cc", - "date": "2020-02-05", - "amount": 49, - "quantity": 1, - "customer": "Lenna Paprocki", - "status": "DELIVERED" - }, - { - "id": "1012-1", - "productCode": "250vm23cc", - "date": "2020-02-15", - "amount": 49, - "quantity": 1, - "customer": "Donette Foller", - "status": "PENDING" - } - ] - }, - { - "id": "1013", - "code": "fldsmn31b", - "name": "Grey T-Shirt", - "description": "Product Description", - "image": "grey-t-shirt.jpg", - "price": 48, - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 3, - "orders": [ - { - "id": "1013-0", - "productCode": "fldsmn31b", - "date": "2020-04-01", - "amount": 48, - "quantity": 1, - "customer": "Simona Morasca", - "status": "DELIVERED" - } - ] - }, - { - "id": "1014", - "code": "waas1x2as", - "name": "Headphones", - "description": "Product Description", - "image": "headphones.jpg", - "price": 175, - "category": "Electronics", - "quantity": 8, - "inventoryStatus": "LOWSTOCK", - "rating": 5, - "orders": [ - { - "id": "1014-0", - "productCode": "waas1x2as", - "date": "2020-05-15", - "amount": 175, - "quantity": 1, - "customer": "Lenna Paprocki", - "status": "DELIVERED" - }, - { - "id": "1014-1", - "productCode": "waas1x2as", - "date": "2020-01-02", - "amount": 175, - "quantity": 1, - "customer": "Donette Foller", - "status": "CANCELLED" - } - ] - }, - { - "id": "1015", - "code": "vb34btbg5", - "name": "Light Green T-Shirt", - "description": "Product Description", - "image": "light-green-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 34, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1015-0", - "productCode": "vb34btbg5", - "date": "2020-07-02", - "amount": 98, - "quantity": 2, - "customer": "Mitsue Tollner", - "status": "DELIVERED" - } - ] - }, - { - "id": "1016", - "code": "k8l6j58jl", - "name": "Lime Band", - "description": "Product Description", - "image": "lime-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 12, - "inventoryStatus": "INSTOCK", - "rating": 3, - "orders": [] - }, - { - "id": "1017", - "code": "v435nn85n", - "name": "Mini Speakers", - "description": "Product Description", - "image": "mini-speakers.jpg", - "price": 85, - "category": "Clothing", - "quantity": 42, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1017-0", - "productCode": "v435nn85n", - "date": "2020-07-12", - "amount": 85, - "quantity": 1, - "customer": "Minna Amigon", - "status": "DELIVERED" - } - ] - }, - { - "id": "1018", - "code": "09zx9c0zc", - "name": "Painted Phone Case", - "description": "Product Description", - "image": "painted-phone-case.jpg", - "price": 56, - "category": "Accessories", - "quantity": 41, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [ - { - "id": "1018-0", - "productCode": "09zx9c0zc", - "date": "2020-07-01", - "amount": 56, - "quantity": 1, - "customer": "Abel Maclead", - "status": "DELIVERED" - }, - { - "id": "1018-1", - "productCode": "09zx9c0zc", - "date": "2020-05-02", - "amount": 56, - "quantity": 1, - "customer": "Minna Amigon", - "status": "RETURNED" - } - ] - }, - { - "id": "1019", - "code": "mnb5mb2m5", - "name": "Pink Band", - "description": "Product Description", - "image": "pink-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [] - }, - { - "id": "1020", - "code": "r23fwf2w3", - "name": "Pink Purse", - "description": "Product Description", - "image": "pink-purse.jpg", - "price": 110, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4, - "orders": [ - { - "id": "1020-0", - "productCode": "r23fwf2w3", - "date": "2020-05-29", - "amount": 110, - "quantity": 1, - "customer": "Kiley Caldarera", - "status": "DELIVERED" - }, - { - "id": "1020-1", - "productCode": "r23fwf2w3", - "date": "2020-02-11", - "amount": 220, - "quantity": 2, - "customer": "Graciela Ruta", - "status": "DELIVERED" - } - ] - }, - { - "id": "1021", - "code": "pxpzczo23", - "name": "Purple Band", - "description": "Product Description", - "image": "purple-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 6, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "1021-0", - "productCode": "pxpzczo23", - "date": "2020-02-02", - "amount": 79, - "quantity": 1, - "customer": "Cammy Albares", - "status": "DELIVERED" - } - ] - }, - { - "id": "1022", - "code": "2c42cb5cb", - "name": "Purple Gemstone Necklace", - "description": "Product Description", - "image": "purple-gemstone-necklace.jpg", - "price": 45, - "category": "Accessories", - "quantity": 62, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1022-0", - "productCode": "2c42cb5cb", - "date": "2020-06-29", - "amount": 45, - "quantity": 1, - "customer": "Mattie Poquette", - "status": "DELIVERED" - }, - { - "id": "1022-1", - "productCode": "2c42cb5cb", - "date": "2020-02-11", - "amount": 135, - "quantity": 3, - "customer": "Meaghan Garufi", - "status": "DELIVERED" - } - ] - }, - { - "id": "1023", - "code": "5k43kkk23", - "name": "Purple T-Shirt", - "description": "Product Description", - "image": "purple-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 5, - "orders": [ - { - "id": "1023-0", - "productCode": "5k43kkk23", - "date": "2020-04-15", - "amount": 49, - "quantity": 1, - "customer": "Gladys Rim", - "status": "RETURNED" - } - ] - }, - { - "id": "1024", - "code": "lm2tny2k4", - "name": "Shoes", - "description": "Product Description", - "image": "shoes.jpg", - "price": 64, - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [] - }, - { - "id": "1025", - "code": "nbm5mv45n", - "name": "Sneakers", - "description": "Product Description", - "image": "sneakers.jpg", - "price": 78, - "category": "Clothing", - "quantity": 52, - "inventoryStatus": "INSTOCK", - "rating": 4, - "orders": [ - { - "id": "1025-0", - "productCode": "nbm5mv45n", - "date": "2020-02-19", - "amount": 78, - "quantity": 1, - "customer": "Yuki Whobrey", - "status": "DELIVERED" - }, - { - "id": "1025-1", - "productCode": "nbm5mv45n", - "date": "2020-05-21", - "amount": 78, - "quantity": 1, - "customer": "Fletcher Flosi", - "status": "PENDING" - } - ] - }, - { - "id": "1026", - "code": "zx23zc42c", - "name": "Teal T-Shirt", - "description": "Product Description", - "image": "teal-t-shirt.jpg", - "price": 49, - "category": "Clothing", - "quantity": 3, - "inventoryStatus": "LOWSTOCK", - "rating": 3, - "orders": [ - { - "id": "1026-0", - "productCode": "zx23zc42c", - "date": "2020-04-24", - "amount": 98, - "quantity": 2, - "customer": "Bette Nicka", - "status": "DELIVERED" - } - ] - }, - { - "id": "1027", - "code": "acvx872gc", - "name": "Yellow Earbuds", - "description": "Product Description", - "image": "yellow-earbuds.jpg", - "price": 89, - "category": "Electronics", - "quantity": 35, - "inventoryStatus": "INSTOCK", - "rating": 3, - "orders": [ - { - "id": "1027-0", - "productCode": "acvx872gc", - "date": "2020-01-29", - "amount": 89, - "quantity": 1, - "customer": "Veronika Inouye", - "status": "DELIVERED" - }, - { - "id": "1027-1", - "productCode": "acvx872gc", - "date": "2020-06-11", - "amount": 89, - "quantity": 1, - "customer": "Willard Kolmetz", - "status": "DELIVERED" - } - ] - }, - { - "id": "1028", - "code": "tx125ck42", - "name": "Yoga Mat", - "description": "Product Description", - "image": "yoga-mat.jpg", - "price": 20, - "category": "Fitness", - "quantity": 15, - "inventoryStatus": "INSTOCK", - "rating": 5, - "orders": [] - }, - { - "id": "1029", - "code": "gwuby345v", - "name": "Yoga Set", - "description": "Product Description", - "image": "yoga-set.jpg", - "price": 20, - "category": "Fitness", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 8, - "orders": [ - { - "id": "1026-0", - "productCode": "gwuby345v", - "date": "2020-02-14", - "amount": 4, - "quantity": 80, - "customer": "Maryann Royster", - "status": "DELIVERED" - } - ] - } - ] -} diff --git a/tiles/assets/demo/data/products-small.json b/tiles/assets/demo/data/products-small.json deleted file mode 100644 index 0daf2cc..0000000 --- a/tiles/assets/demo/data/products-small.json +++ /dev/null @@ -1,124 +0,0 @@ -{ - "data": [ - { - "id": "1000", - "code": "f230fh0g3", - "name": "Bamboo Watch", - "description": "Product Description", - "image": "bamboo-watch.jpg", - "price": 65, - "category": "Accessories", - "quantity": 24, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1001", - "code": "nvklal433", - "name": "Black Watch", - "description": "Product Description", - "image": "black-watch.jpg", - "price": 72, - "category": "Accessories", - "quantity": 61, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1002", - "code": "zz21cz3c1", - "name": "Blue Band", - "description": "Product Description", - "image": "blue-band.jpg", - "price": 79, - "category": "Fitness", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1003", - "code": "244wgerg2", - "name": "Blue T-Shirt", - "description": "Product Description", - "image": "blue-t-shirt.jpg", - "price": 29, - "category": "Clothing", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1004", - "code": "h456wer53", - "name": "Bracelet", - "description": "Product Description", - "image": "bracelet.jpg", - "price": 15, - "category": "Accessories", - "quantity": 73, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1005", - "code": "av2231fwg", - "name": "Brown Purse", - "description": "Product Description", - "image": "brown-purse.jpg", - "price": 120, - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1006", - "code": "bib36pfvm", - "name": "Chakra Bracelet", - "description": "Product Description", - "image": "chakra-bracelet.jpg", - "price": 32, - "category": "Accessories", - "quantity": 5, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1007", - "code": "mbvjkgip5", - "name": "Galaxy Earrings", - "description": "Product Description", - "image": "galaxy-earrings.jpg", - "price": 34, - "category": "Accessories", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1008", - "code": "vbb124btr", - "name": "Game Controller", - "description": "Product Description", - "image": "game-controller.jpg", - "price": 99, - "category": "Electronics", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 4 - }, - { - "id": "1009", - "code": "cm230f032", - "name": "Gaming Set", - "description": "Product Description", - "image": "gaming-set.jpg", - "price": 299, - "category": "Electronics", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 3 - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/data/products.json b/tiles/assets/demo/data/products.json deleted file mode 100644 index 5e82cea..0000000 --- a/tiles/assets/demo/data/products.json +++ /dev/null @@ -1,394 +0,0 @@ -{ - "data": [ - { - "id": "1000", - "code": "f230fh0g3", - "name": "Bamboo Watch", - "description": "Product Description", - "image": "bamboo-watch.jpg", - "price": 65, - "date": "09/13/2022", - "category": "Accessories", - "quantity": 24, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1001", - "code": "nvklal433", - "name": "Black Watch", - "description": "Product Description", - "image": "black-watch.jpg", - "price": 72, - "date": "09/12/2022", - "category": "Accessories", - "quantity": 61, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1002", - "code": "zz21cz3c1", - "name": "Blue Band", - "description": "Product Description", - "image": "blue-band.jpg", - "price": 79, - "date": "09/11/2022", - "category": "Fitness", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1003", - "code": "244wgerg2", - "name": "Blue T-Shirt", - "description": "Product Description", - "image": "blue-t-shirt.jpg", - "price": 29, - "date": "09/10/2022", - "category": "Clothing", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1004", - "code": "h456wer53", - "name": "Bracelet", - "description": "Product Description", - "image": "bracelet.jpg", - "price": 15, - "date": "09/09/2022", - "category": "Accessories", - "quantity": 73, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1005", - "code": "av2231fwg", - "name": "Brown Purse", - "description": "Product Description", - "image": "brown-purse.jpg", - "price": 120, - "date": "09/08/2022", - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1006", - "code": "bib36pfvm", - "name": "Chakra Bracelet", - "description": "Product Description", - "image": "chakra-bracelet.jpg", - "price": 32, - "date": "09/07/2022", - "category": "Accessories", - "quantity": 5, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1007", - "code": "mbvjkgip5", - "name": "Galaxy Earrings", - "description": "Product Description", - "image": "galaxy-earrings.jpg", - "price": 34, - "date": "09/06/2022", - "category": "Accessories", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1008", - "code": "vbb124btr", - "name": "Game Controller", - "description": "Product Description", - "image": "game-controller.jpg", - "price": 99, - "date": "09/05/2022", - "category": "Electronics", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 4 - }, - { - "id": "1009", - "code": "cm230f032", - "name": "Gaming Set", - "description": "Product Description", - "image": "gaming-set.jpg", - "price": 299, - "date": "09/05/2022", - "category": "Electronics", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1010", - "code": "plb34234v", - "name": "Gold Phone Case", - "description": "Product Description", - "image": "gold-phone-case.jpg", - "price": 24, - "date":"09/04/2022", - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1011", - "code": "4920nnc2d", - "name": "Green Earbuds", - "description": "Product Description", - "image": "green-earbuds.jpg", - "price": 89, - "date":"09/03/2022", - "category": "Electronics", - "quantity": 23, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1012", - "code": "250vm23cc", - "name": "Green T-Shirt", - "description": "Product Description", - "image": "green-t-shirt.jpg", - "price": 49, - "date": "09/03/2022", - "category": "Clothing", - "quantity": 74, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1013", - "code": "fldsmn31b", - "name": "Grey T-Shirt", - "description": "Product Description", - "image": "grey-t-shirt.jpg", - "price": 48, - "date": "09/03/2022", - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 3 - }, - { - "id": "1014", - "code": "waas1x2as", - "name": "Headphones", - "description": "Product Description", - "image": "headphones.jpg", - "price": 175, - "date": "09/02/2022", - "category": "Electronics", - "quantity": 8, - "inventoryStatus": "LOWSTOCK", - "rating": 5 - }, - { - "id": "1015", - "code": "vb34btbg5", - "name": "Light Green T-Shirt", - "description": "Product Description", - "image": "light-green-t-shirt.jpg", - "price": 49, - "date": "09/02/2022", - "category": "Clothing", - "quantity": 34, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1016", - "code": "k8l6j58jl", - "name": "Lime Band", - "description": "Product Description", - "image": "lime-band.jpg", - "price": 79, - "date": "09/02/2022", - "category": "Fitness", - "quantity": 12, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1017", - "code": "v435nn85n", - "name": "Mini Speakers", - "description": "Product Description", - "image": "mini-speakers.jpg", - "price": 85, - "date": "08/30/2022", - "category": "Clothing", - "quantity": 42, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1018", - "code": "09zx9c0zc", - "name": "Painted Phone Case", - "description": "Product Description", - "image": "painted-phone-case.jpg", - "price": 56, - "date": "08/30/2022", - "category": "Accessories", - "quantity": 41, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1019", - "code": "mnb5mb2m5", - "name": "Pink Band", - "description": "Product Description", - "image": "pink-band.jpg", - "price": 79, - "date": "08/30/2022", - "category": "Fitness", - "quantity": 63, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1020", - "code": "r23fwf2w3", - "name": "Pink Purse", - "description": "Product Description", - "image": "pink-purse.jpg", - "price": 110, - "date": "08/30/2022", - "category": "Accessories", - "quantity": 0, - "inventoryStatus": "OUTOFSTOCK", - "rating": 4 - }, - { - "id": "1021", - "code": "pxpzczo23", - "name": "Purple Band", - "description": "Product Description", - "image": "purple-band.jpg", - "price": 79, - "date": "08/30/2022", - "category": "Fitness", - "quantity": 6, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1022", - "code": "2c42cb5cb", - "name": "Purple Gemstone Necklace", - "description": "Product Description", - "image": "purple-gemstone-necklace.jpg", - "price": 45, - "date": "08/30/2022", - "category": "Accessories", - "quantity": 62, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1023", - "code": "5k43kkk23", - "name": "Purple T-Shirt", - "description": "Product Description", - "image": "purple-t-shirt.jpg", - "price": 49, - "date": "08/28/2022", - "category": "Clothing", - "quantity": 2, - "inventoryStatus": "LOWSTOCK", - "rating": 5 - }, - { - "id": "1024", - "code": "lm2tny2k4", - "name": "Shoes", - "description": "Product Description", - "image": "shoes.jpg", - "price": 64, - "date": "08/28/2022", - "category": "Clothing", - "quantity": 0, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1025", - "code": "nbm5mv45n", - "name": "Sneakers", - "description": "Product Description", - "image": "sneakers.jpg", - "price": 78, - "date": "08/28/2022", - "category": "Clothing", - "quantity": 52, - "inventoryStatus": "INSTOCK", - "rating": 4 - }, - { - "id": "1026", - "code": "zx23zc42c", - "name": "Teal T-Shirt", - "description": "Product Description", - "image": "teal-t-shirt.jpg", - "price": 49, - "date": "08/27/2022", - "category": "Clothing", - "quantity": 3, - "inventoryStatus": "LOWSTOCK", - "rating": 3 - }, - { - "id": "1027", - "code": "acvx872gc", - "name": "Yellow Earbuds", - "description": "Product Description", - "image": "yellow-earbuds.jpg", - "price": 89, - "date": "08/27/2022", - "category": "Electronics", - "quantity": 35, - "inventoryStatus": "INSTOCK", - "rating": 3 - }, - { - "id": "1028", - "code": "tx125ck42", - "name": "Yoga Mat", - "description": "Product Description", - "image": "yoga-mat.jpg", - "price": 20, - "date": "08/26/2022", - "category": "Fitness", - "quantity": 15, - "inventoryStatus": "INSTOCK", - "rating": 5 - }, - { - "id": "1029", - "code": "gwuby345v", - "name": "Yoga Set", - "description": "Product Description", - "image": "yoga-set.jpg", - "price": 20, - "date": "08/26/2022", - "category": "Fitness", - "quantity": 25, - "inventoryStatus": "INSTOCK", - "rating": 8 - } - ] -} diff --git a/tiles/assets/demo/data/scheduleevents.json b/tiles/assets/demo/data/scheduleevents.json deleted file mode 100644 index a19ec4d..0000000 --- a/tiles/assets/demo/data/scheduleevents.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "data": [ - { - "id": 1, - "title": "Maecenas Pulvinar", - "start": "2022-05-11", - "end": "2022-05-12", - "description": "eu tincidunt in leo maecenas pulvinar lobortis est phasellus sit amet erat nulla tempus vivamus in felis eu sapien cursus", - "location": "260 Calypso Terrace", - "backgroundColor": "#FFB6B6", - "borderColor": "#FFB6B6", - "textColor": "#212121", - "tag": {"color": "#FFB6B6", "name": "Company A"} - }, - { - "id": 2, - "title": "Aenean Lectus", - "start": "2022-05-18", - "end": "2022-05-22", - "description": "Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.", - "location": "93529 Sloan Junction", - "backgroundColor": "#FFC7E8", - "borderColor": "#FFC7E8", - "textColor": "#212121", - "tag": {"color": "#FFC7E8", "name": "Company B"} - }, - { - "id": 3, - "title": "Nam Ultrices", - "start": "2022-05-25T16:00:00", - "end": "2022-05-25T18:00:00", - "description": "Nulla ac enim. In tempor, turpis nec euismod scelerisque, quam turpis adipiscing lorem, vitae mattis nibh ligula nec sem.", - "location": "9295 Almo Avenue", - "backgroundColor": "#D2D6FF", - "borderColor": "#D2D6FF", - "textColor": "#212121", - "tag": {"color": "#D2D6FF", "name": "Company C"} - }, - { - "id": 4, - "title": "Nec Euismod", - "start": "2022-05-26T13:00:00", - "end": "2022-05-26T14:00:00", - "description": "Integer ac leo. Pellentesque ultrices mattis odio. Donec vitae nisi.", - "location": "8 Trailsway Avenue", - "backgroundColor": "#D2D6FF", - "borderColor": "#D2D6FF", - "textColor": "#212121", - "tag": {"color": "#D2D6FF", "name": "Company D"} - }, - { - "id": 5, - "title": "Donec Vitae", - "start": "2022-05-29", - "end": "2022-05-30", - "description": "Etiam vel augue. Vestibulum rutrum rutrum neque. Nulla tellus in sagittis dui vel nisl.", - "location": "4884 Golf Course Alley", - "backgroundColor": "#FFC7E8", - "borderColor": "#FFC7E8", - "textColor": "#212121", - "tag": {"color": "#FFC7E8", "name": "Company E"} - } - ] -} diff --git a/tiles/assets/demo/data/tasks.json b/tiles/assets/demo/data/tasks.json deleted file mode 100644 index 6689187..0000000 --- a/tiles/assets/demo/data/tasks.json +++ /dev/null @@ -1,205 +0,0 @@ -{ - "data": [ - { - "id": 1, - "name": "Create a New Landing UI", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-13", - "endDate": "2022-05-15", - "members":[ - { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - ], - "completed": false, - "status": "Approved", - "comments": 3, - "attachments": 2 - }, - { - "id": 2, - "name": "Create Dashboard", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-16", - "endDate": "2022-05-20", - "members":[ - { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - ], - "completed": false, - "status": "Waiting", - "comments": 2, - "attachments": 4 - }, - { - "id": 3, - "name": "Brand logo design", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-17", - "endDate": "2022-05-18", - "members":[ - { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - { - "name": "Amy Elsner", - "image": "amyelsner.png" - }, - { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - ], - "completed": null, - "status": "Approved", - "comments": 4, - "attachments": 1 - }, - { - "id": 4, - "name": "Create Dashboard", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-20", - "endDate": "2022-05-22", - "members":[ - { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - ], - "completed": null, - "status": "Approved", - "comments": 1, - "attachments": 3 - }, - { - "id": 5, - "name": "Rebranding For Peak", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-24", - "endDate": "2022-05-26", - "members":[ - { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - { - "name": "Amy Elsner", - "image": "amyelsner.png" - } - ], - "completed": false, - "status": "Waiting", - "comments": 5, - "attachments": 2 - }, - { - "id": 6, - "name": "Create Mobile UI", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-13", - "endDate": "2022-05-15", - "members":[ - { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - } - ], - "completed": null, - "status": "Approved", - "comments": 1, - "attachments": 2 - }, - { - "id": 7, - "name": "Create a New Marketing Project", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-13", - "endDate": "2022-05-15", - "members":[ - { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - }, - { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - }, - { - "name": "Xuxue Feng", - "image": "xuxuefeng.png" - } - ], - "completed": true, - "status": "Complete", - "comments": 7, - "attachments": 4 - }, - { - "id": 8, - "name": "Analyze New Sprint", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-10", - "endDate": "2022-05-12", - "members":[ - { - "name": "Ioni Bowcher", - "image": "ionibowcher.png" - } - ], - "completed": true, - "status": "Complete", - "comments": 3, - "attachments": 2 - }, - { - "id": 9, - "name": "Create New Icon Set", - "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim eu turpis egestas pretium aenean pharetra magna.", - "startDate": "2022-05-13", - "endDate": "2022-05-15", - "members":[ - { - "name": "Onyama Limba", - "image": "onyamalimba.png" - }, - { - "name": "Ivan Magalhaes", - "image": "ivanmagalhaes.png" - }, - { - "name": "Asiya Javayant", - "image": "asiyajavayant.png" - } - ], - "completed": true, - "status": "Complete", - "comments": 1, - "attachments": 3 - } - ] -} \ No newline at end of file diff --git a/tiles/assets/demo/images/avatar/amyelsner.png b/tiles/assets/demo/images/avatar/amyelsner.png deleted file mode 100644 index f43f164..0000000 Binary files a/tiles/assets/demo/images/avatar/amyelsner.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/annafali.png b/tiles/assets/demo/images/avatar/annafali.png deleted file mode 100644 index b312fec..0000000 Binary files a/tiles/assets/demo/images/avatar/annafali.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/asiyajavayant.png b/tiles/assets/demo/images/avatar/asiyajavayant.png deleted file mode 100644 index 545ca73..0000000 Binary files a/tiles/assets/demo/images/avatar/asiyajavayant.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/bernardodominic.png b/tiles/assets/demo/images/avatar/bernardodominic.png deleted file mode 100644 index e803b32..0000000 Binary files a/tiles/assets/demo/images/avatar/bernardodominic.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-1.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-1.png deleted file mode 100644 index 0bdcd60..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-1@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-1@2x.png deleted file mode 100644 index f39af00..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-1@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-2.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-2.png deleted file mode 100644 index ffb8b7a..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-2@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-2@2x.png deleted file mode 100644 index d19a0eb..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-2@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-3.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-3.png deleted file mode 100644 index 7238151..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-f-3@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-f-3@2x.png deleted file mode 100644 index 984ecaf..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-f-3@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-1.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-1.png deleted file mode 100644 index b7a94b6..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-1@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-1@2x.png deleted file mode 100644 index f3d680b..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-1@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-2.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-2.png deleted file mode 100644 index 332e54a..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-2@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-2@2x.png deleted file mode 100644 index 32f18cc..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-2@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-3.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-3.png deleted file mode 100644 index bb581bf..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle-big/avatar-m-3@2x.png b/tiles/assets/demo/images/avatar/circle-big/avatar-m-3@2x.png deleted file mode 100644 index def9728..0000000 Binary files a/tiles/assets/demo/images/avatar/circle-big/avatar-m-3@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-1.png b/tiles/assets/demo/images/avatar/circle/avatar-f-1.png deleted file mode 100644 index 6ea7b05..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-10.png b/tiles/assets/demo/images/avatar/circle/avatar-f-10.png deleted file mode 100644 index 3cadd8e..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-10.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-10@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-10@2x.png deleted file mode 100644 index 9b86ded..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-10@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-11.png b/tiles/assets/demo/images/avatar/circle/avatar-f-11.png deleted file mode 100644 index 751fe48..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-11.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-11@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-11@2x.png deleted file mode 100644 index 475a30c..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-11@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-12.png b/tiles/assets/demo/images/avatar/circle/avatar-f-12.png deleted file mode 100644 index 051390c..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-12.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-12@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-12@2x.png deleted file mode 100644 index 341d8a0..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-12@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-1@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-1@2x.png deleted file mode 100644 index f5700bb..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-1@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-2.png b/tiles/assets/demo/images/avatar/circle/avatar-f-2.png deleted file mode 100644 index 686bb88..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-2@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-2@2x.png deleted file mode 100644 index 3ea6759..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-2@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-3.png b/tiles/assets/demo/images/avatar/circle/avatar-f-3.png deleted file mode 100644 index 670cd20..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-3@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-3@2x.png deleted file mode 100644 index 200d767..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-3@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-4.png b/tiles/assets/demo/images/avatar/circle/avatar-f-4.png deleted file mode 100644 index ffa82a4..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-4@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-4@2x.png deleted file mode 100644 index 090373d..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-4@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-5.png b/tiles/assets/demo/images/avatar/circle/avatar-f-5.png deleted file mode 100644 index 278e94a..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-5@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-5@2x.png deleted file mode 100644 index c204e32..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-5@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-6.png b/tiles/assets/demo/images/avatar/circle/avatar-f-6.png deleted file mode 100644 index 58013a7..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-6@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-6@2x.png deleted file mode 100644 index 4b8ad32..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-6@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-7.png b/tiles/assets/demo/images/avatar/circle/avatar-f-7.png deleted file mode 100644 index 3dfa96f..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-7.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-7@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-7@2x.png deleted file mode 100644 index 45e2380..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-7@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-8.png b/tiles/assets/demo/images/avatar/circle/avatar-f-8.png deleted file mode 100644 index a8a2135..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-8.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-8@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-8@2x.png deleted file mode 100644 index f0c3486..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-8@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-9.png b/tiles/assets/demo/images/avatar/circle/avatar-f-9.png deleted file mode 100644 index 6674350..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-9.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-f-9@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-f-9@2x.png deleted file mode 100644 index f0e56f2..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-f-9@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-1.png b/tiles/assets/demo/images/avatar/circle/avatar-m-1.png deleted file mode 100644 index 5ee7b5d..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-10.png b/tiles/assets/demo/images/avatar/circle/avatar-m-10.png deleted file mode 100644 index 08f950b..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-10.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-10@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-10@2x.png deleted file mode 100644 index 5b39e60..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-10@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-11.png b/tiles/assets/demo/images/avatar/circle/avatar-m-11.png deleted file mode 100644 index 746ad48..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-11.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-11@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-11@2x.png deleted file mode 100644 index cc91558..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-11@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-12.png b/tiles/assets/demo/images/avatar/circle/avatar-m-12.png deleted file mode 100644 index c1857bf..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-12.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-12@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-12@2x.png deleted file mode 100644 index 976b47e..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-12@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-1@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-1@2x.png deleted file mode 100644 index fec791f..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-1@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-2.png b/tiles/assets/demo/images/avatar/circle/avatar-m-2.png deleted file mode 100644 index c74d2d6..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-2@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-2@2x.png deleted file mode 100644 index 89c6996..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-2@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-3.png b/tiles/assets/demo/images/avatar/circle/avatar-m-3.png deleted file mode 100644 index 6385a24..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-3@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-3@2x.png deleted file mode 100644 index 8801340..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-3@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-4.png b/tiles/assets/demo/images/avatar/circle/avatar-m-4.png deleted file mode 100644 index b528184..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-4@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-4@2x.png deleted file mode 100644 index bac71f8..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-4@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-5.png b/tiles/assets/demo/images/avatar/circle/avatar-m-5.png deleted file mode 100644 index bb13b40..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-5@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-5@2x.png deleted file mode 100644 index c187dad..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-5@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-6.png b/tiles/assets/demo/images/avatar/circle/avatar-m-6.png deleted file mode 100644 index 99d5fa8..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-6@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-6@2x.png deleted file mode 100644 index fc369a2..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-6@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-7-1.png b/tiles/assets/demo/images/avatar/circle/avatar-m-7-1.png deleted file mode 100644 index 6dea74f..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-7-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-7.png b/tiles/assets/demo/images/avatar/circle/avatar-m-7.png deleted file mode 100644 index ef879ad..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-7.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x-1.png b/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x-1.png deleted file mode 100644 index 9344413..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x.png deleted file mode 100644 index 0f451ec..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-7@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-8.png b/tiles/assets/demo/images/avatar/circle/avatar-m-8.png deleted file mode 100644 index 9877e50..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-8.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-8@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-8@2x.png deleted file mode 100644 index 0ca7401..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-8@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-9.png b/tiles/assets/demo/images/avatar/circle/avatar-m-9.png deleted file mode 100644 index 13463ac..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-9.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/circle/avatar-m-9@2x.png b/tiles/assets/demo/images/avatar/circle/avatar-m-9@2x.png deleted file mode 100644 index 4870d75..0000000 Binary files a/tiles/assets/demo/images/avatar/circle/avatar-m-9@2x.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/elwinsharvill.png b/tiles/assets/demo/images/avatar/elwinsharvill.png deleted file mode 100644 index 6045de8..0000000 Binary files a/tiles/assets/demo/images/avatar/elwinsharvill.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/ionibowcher.png b/tiles/assets/demo/images/avatar/ionibowcher.png deleted file mode 100644 index 9bd6cdf..0000000 Binary files a/tiles/assets/demo/images/avatar/ionibowcher.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/ivanmagalhaes.png b/tiles/assets/demo/images/avatar/ivanmagalhaes.png deleted file mode 100644 index 93f34cd..0000000 Binary files a/tiles/assets/demo/images/avatar/ivanmagalhaes.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/onyamalimba.png b/tiles/assets/demo/images/avatar/onyamalimba.png deleted file mode 100644 index 14166c8..0000000 Binary files a/tiles/assets/demo/images/avatar/onyamalimba.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/profile.jpg b/tiles/assets/demo/images/avatar/profile.jpg deleted file mode 100644 index b8b6179..0000000 Binary files a/tiles/assets/demo/images/avatar/profile.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-f-1.jpg b/tiles/assets/demo/images/avatar/square/avatar-f-1.jpg deleted file mode 100644 index 43b6fdc..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-f-1.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-f-1@2x.jpg b/tiles/assets/demo/images/avatar/square/avatar-f-1@2x.jpg deleted file mode 100644 index f0787b1..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-f-1@2x.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-f-2.jpg b/tiles/assets/demo/images/avatar/square/avatar-f-2.jpg deleted file mode 100644 index 8182b49..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-f-2.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-f-2@2x.jpg b/tiles/assets/demo/images/avatar/square/avatar-f-2@2x.jpg deleted file mode 100644 index e75f044..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-f-2@2x.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-m-1.jpg b/tiles/assets/demo/images/avatar/square/avatar-m-1.jpg deleted file mode 100644 index 9ea6466..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-m-1.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/square/avatar-m-1@2x.jpg b/tiles/assets/demo/images/avatar/square/avatar-m-1@2x.jpg deleted file mode 100644 index c617b0d..0000000 Binary files a/tiles/assets/demo/images/avatar/square/avatar-m-1@2x.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/stephenshaw.png b/tiles/assets/demo/images/avatar/stephenshaw.png deleted file mode 100644 index 2ab291a..0000000 Binary files a/tiles/assets/demo/images/avatar/stephenshaw.png and /dev/null differ diff --git a/tiles/assets/demo/images/avatar/xuxuefeng.png b/tiles/assets/demo/images/avatar/xuxuefeng.png deleted file mode 100644 index aa2f641..0000000 Binary files a/tiles/assets/demo/images/avatar/xuxuefeng.png and /dev/null differ diff --git a/tiles/assets/demo/images/banking/airbnb.png b/tiles/assets/demo/images/banking/airbnb.png deleted file mode 100644 index 1e0fc43..0000000 Binary files a/tiles/assets/demo/images/banking/airbnb.png and /dev/null differ diff --git a/tiles/assets/demo/images/banking/amazon.png b/tiles/assets/demo/images/banking/amazon.png deleted file mode 100644 index 83d32c4..0000000 Binary files a/tiles/assets/demo/images/banking/amazon.png and /dev/null differ diff --git a/tiles/assets/demo/images/banking/banking.png b/tiles/assets/demo/images/banking/banking.png deleted file mode 100644 index 3818412..0000000 Binary files a/tiles/assets/demo/images/banking/banking.png and /dev/null differ diff --git a/tiles/assets/demo/images/banking/nike.svg b/tiles/assets/demo/images/banking/nike.svg deleted file mode 100644 index 69c6bf7..0000000 --- a/tiles/assets/demo/images/banking/nike.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/tiles/assets/demo/images/banking/starbucks.svg b/tiles/assets/demo/images/banking/starbucks.svg deleted file mode 100644 index 2dcb6fe..0000000 --- a/tiles/assets/demo/images/banking/starbucks.svg +++ /dev/null @@ -1,112 +0,0 @@ - - - - -Starbucks Corporation - Logo - - - - - - - - - - - - - - - - - - - diff --git a/tiles/assets/demo/images/banking/visa.svg b/tiles/assets/demo/images/banking/visa.svg deleted file mode 100644 index 38c630a..0000000 --- a/tiles/assets/demo/images/banking/visa.svg +++ /dev/null @@ -1,79 +0,0 @@ - -image/svg+xml - - diff --git a/tiles/assets/demo/images/blocks/about/about-1.png b/tiles/assets/demo/images/blocks/about/about-1.png deleted file mode 100644 index 3a5d317..0000000 Binary files a/tiles/assets/demo/images/blocks/about/about-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/ad/icon-blocks.svg b/tiles/assets/demo/images/blocks/ad/icon-blocks.svg deleted file mode 100644 index f3d5592..0000000 --- a/tiles/assets/demo/images/blocks/ad/icon-blocks.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/tiles/assets/demo/images/blocks/hero/hero-1.png b/tiles/assets/demo/images/blocks/hero/hero-1.png deleted file mode 100644 index 18835ad..0000000 Binary files a/tiles/assets/demo/images/blocks/hero/hero-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/logos/hyper.svg b/tiles/assets/demo/images/blocks/logos/hyper.svg deleted file mode 100644 index acf30bc..0000000 --- a/tiles/assets/demo/images/blocks/logos/hyper.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/tiles/assets/demo/images/blocks/logos/visa.png b/tiles/assets/demo/images/blocks/logos/visa.png deleted file mode 100644 index 37198c3..0000000 Binary files a/tiles/assets/demo/images/blocks/logos/visa.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/team/team-1.png b/tiles/assets/demo/images/blocks/team/team-1.png deleted file mode 100644 index c2dc98f..0000000 Binary files a/tiles/assets/demo/images/blocks/team/team-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/team/team-2.png b/tiles/assets/demo/images/blocks/team/team-2.png deleted file mode 100644 index 88b5fbc..0000000 Binary files a/tiles/assets/demo/images/blocks/team/team-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/team/team-3.png b/tiles/assets/demo/images/blocks/team/team-3.png deleted file mode 100644 index 33c8089..0000000 Binary files a/tiles/assets/demo/images/blocks/team/team-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/blocks/team/team-4.png b/tiles/assets/demo/images/blocks/team/team-4.png deleted file mode 100644 index 6c79eed..0000000 Binary files a/tiles/assets/demo/images/blocks/team/team-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-1.png b/tiles/assets/demo/images/blog/blog-1.png deleted file mode 100644 index 8a029e5..0000000 Binary files a/tiles/assets/demo/images/blog/blog-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-2.png b/tiles/assets/demo/images/blog/blog-2.png deleted file mode 100644 index 3b0bc82..0000000 Binary files a/tiles/assets/demo/images/blog/blog-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-3.png b/tiles/assets/demo/images/blog/blog-3.png deleted file mode 100644 index 49c00d0..0000000 Binary files a/tiles/assets/demo/images/blog/blog-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-4.png b/tiles/assets/demo/images/blog/blog-4.png deleted file mode 100644 index 08458f5..0000000 Binary files a/tiles/assets/demo/images/blog/blog-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-5.png b/tiles/assets/demo/images/blog/blog-5.png deleted file mode 100644 index c98d7f8..0000000 Binary files a/tiles/assets/demo/images/blog/blog-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blog-6.png b/tiles/assets/demo/images/blog/blog-6.png deleted file mode 100644 index 14598ae..0000000 Binary files a/tiles/assets/demo/images/blog/blog-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/blog/blogdetail.png b/tiles/assets/demo/images/blog/blogdetail.png deleted file mode 100644 index 349f99d..0000000 Binary files a/tiles/assets/demo/images/blog/blogdetail.png and /dev/null differ diff --git a/tiles/assets/demo/images/contact/map-dark.svg b/tiles/assets/demo/images/contact/map-dark.svg deleted file mode 100644 index 3583dc6..0000000 --- a/tiles/assets/demo/images/contact/map-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/tiles/assets/demo/images/contact/map-light.svg b/tiles/assets/demo/images/contact/map-light.svg deleted file mode 100644 index 4d2c999..0000000 --- a/tiles/assets/demo/images/contact/map-light.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-1.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-1.png deleted file mode 100644 index 9e21686..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-2.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-2.png deleted file mode 100644 index 967afee..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-3.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-3.png deleted file mode 100644 index b0a0d0a..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-4.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-4.png deleted file mode 100644 index 8ea8895..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-5.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-5.png deleted file mode 100644 index f9d40e0..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-6.png b/tiles/assets/demo/images/ecommerce/order-history/orderhistory-6.png deleted file mode 100644 index 67dab21..0000000 Binary files a/tiles/assets/demo/images/ecommerce/order-history/orderhistory-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-1.png b/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-1.png deleted file mode 100644 index 2ba5227..0000000 Binary files a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-2.png b/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-2.png deleted file mode 100644 index 229d740..0000000 Binary files a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-1-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-2-1.png b/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-2-1.png deleted file mode 100644 index d772a2e..0000000 Binary files a/tiles/assets/demo/images/ecommerce/ordersummary/order-summary-2-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/ordersummary/visa.png b/tiles/assets/demo/images/ecommerce/ordersummary/visa.png deleted file mode 100644 index 37198c3..0000000 Binary files a/tiles/assets/demo/images/ecommerce/ordersummary/visa.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-1.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-2-1.png deleted file mode 100644 index 010b567..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-2.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-2-2.png deleted file mode 100644 index 0a33f15..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-3.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-2-3.png deleted file mode 100644 index 6a36a6d..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-4.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-2-4.png deleted file mode 100644 index d67ce13..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-2-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-1.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-1.png deleted file mode 100644 index 2e4aa2c..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-2.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-2.png deleted file mode 100644 index 8a64c9a..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-3.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-3.png deleted file mode 100644 index 608d05a..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-4.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-4.png deleted file mode 100644 index 185de67..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-5.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-5.png deleted file mode 100644 index 08d0e2d..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-6.png b/tiles/assets/demo/images/ecommerce/product-list/product-list-4-6.png deleted file mode 100644 index 729029e..0000000 Binary files a/tiles/assets/demo/images/ecommerce/product-list/product-list-4-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-1.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-1.png deleted file mode 100644 index 7ddad83..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-2.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-2.png deleted file mode 100644 index 319bc77..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-3.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-3.png deleted file mode 100644 index 057fd56..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-1-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-1.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-1.png deleted file mode 100644 index 65f84c3..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-2.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-2.png deleted file mode 100644 index 16b4768..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-3.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-3.png deleted file mode 100644 index ff1706c..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-4.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-4.png deleted file mode 100644 index e743346..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-2-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-1.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-1.png deleted file mode 100644 index 1f7098f..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-2.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-2.png deleted file mode 100644 index 561d1c8..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-3.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-3.png deleted file mode 100644 index bbcc30f..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-4.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-4.png deleted file mode 100644 index 98c23b5..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-3-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-1.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-1.png deleted file mode 100644 index 3f0eeb7..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-2.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-2.png deleted file mode 100644 index 86e9425..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-3.png b/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-3.png deleted file mode 100644 index d5dbd9e..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-overview-4-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/productoverview/product-suggestion.png b/tiles/assets/demo/images/ecommerce/productoverview/product-suggestion.png deleted file mode 100644 index baa3be4..0000000 Binary files a/tiles/assets/demo/images/ecommerce/productoverview/product-suggestion.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/flag.png b/tiles/assets/demo/images/ecommerce/shop/flag.png deleted file mode 100644 index 2ef2aef..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/flag.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-1.png b/tiles/assets/demo/images/ecommerce/shop/shop-1.png deleted file mode 100644 index d7b3840..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-2.png b/tiles/assets/demo/images/ecommerce/shop/shop-2.png deleted file mode 100644 index 6169b35..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-3.png b/tiles/assets/demo/images/ecommerce/shop/shop-3.png deleted file mode 100644 index 2f0cced..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-3.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-4.png b/tiles/assets/demo/images/ecommerce/shop/shop-4.png deleted file mode 100644 index c552617..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-4.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-5.png b/tiles/assets/demo/images/ecommerce/shop/shop-5.png deleted file mode 100644 index b506563..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-5.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shop/shop-6.png b/tiles/assets/demo/images/ecommerce/shop/shop-6.png deleted file mode 100644 index c91c21f..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shop/shop-6.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-1.png b/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-1.png deleted file mode 100644 index a6a16e4..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-1.png and /dev/null differ diff --git a/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-2.png b/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-2.png deleted file mode 100644 index d5ff0b7..0000000 Binary files a/tiles/assets/demo/images/ecommerce/shopping-cart/shopping-cart-2-2.png and /dev/null differ diff --git a/tiles/assets/demo/images/flag/flag_placeholder.png b/tiles/assets/demo/images/flag/flag_placeholder.png deleted file mode 100644 index febd524..0000000 Binary files a/tiles/assets/demo/images/flag/flag_placeholder.png and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria1.jpg b/tiles/assets/demo/images/galleria/galleria1.jpg deleted file mode 100644 index e36b801..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria1.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria10.jpg b/tiles/assets/demo/images/galleria/galleria10.jpg deleted file mode 100644 index 2120049..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria10.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria10s.jpg b/tiles/assets/demo/images/galleria/galleria10s.jpg deleted file mode 100644 index fce806c..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria10s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria11.jpg b/tiles/assets/demo/images/galleria/galleria11.jpg deleted file mode 100644 index 98200b5..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria11.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria11s.jpg b/tiles/assets/demo/images/galleria/galleria11s.jpg deleted file mode 100644 index 8c2ec99..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria11s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria12.jpg b/tiles/assets/demo/images/galleria/galleria12.jpg deleted file mode 100644 index c11a2d6..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria12.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria12s.jpg b/tiles/assets/demo/images/galleria/galleria12s.jpg deleted file mode 100644 index 932fe79..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria12s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria13.jpg b/tiles/assets/demo/images/galleria/galleria13.jpg deleted file mode 100644 index 7f9258a..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria13.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria13s.jpg b/tiles/assets/demo/images/galleria/galleria13s.jpg deleted file mode 100644 index ec0a1bc..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria13s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria14.jpg b/tiles/assets/demo/images/galleria/galleria14.jpg deleted file mode 100644 index 6ad39ac..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria14.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria14s.jpg b/tiles/assets/demo/images/galleria/galleria14s.jpg deleted file mode 100644 index c13c4f7..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria14s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria15.jpg b/tiles/assets/demo/images/galleria/galleria15.jpg deleted file mode 100644 index 773e0f8..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria15.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria15s.jpg b/tiles/assets/demo/images/galleria/galleria15s.jpg deleted file mode 100644 index ecd518e..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria15s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria1s.jpg b/tiles/assets/demo/images/galleria/galleria1s.jpg deleted file mode 100644 index fdef61d..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria1s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria2.jpg b/tiles/assets/demo/images/galleria/galleria2.jpg deleted file mode 100644 index f015d16..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria2.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria2s.jpg b/tiles/assets/demo/images/galleria/galleria2s.jpg deleted file mode 100644 index f06145d..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria2s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria3.jpg b/tiles/assets/demo/images/galleria/galleria3.jpg deleted file mode 100644 index dfe588d..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria3.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria3s.jpg b/tiles/assets/demo/images/galleria/galleria3s.jpg deleted file mode 100644 index c53d6d8..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria3s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria4.jpg b/tiles/assets/demo/images/galleria/galleria4.jpg deleted file mode 100644 index fc8ed45..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria4.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria4s.jpg b/tiles/assets/demo/images/galleria/galleria4s.jpg deleted file mode 100644 index 58c04a5..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria4s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria5.jpg b/tiles/assets/demo/images/galleria/galleria5.jpg deleted file mode 100644 index de544fa..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria5.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria5s.jpg b/tiles/assets/demo/images/galleria/galleria5s.jpg deleted file mode 100644 index 35c04c9..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria5s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria6.jpg b/tiles/assets/demo/images/galleria/galleria6.jpg deleted file mode 100644 index a13c395..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria6.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria6s.jpg b/tiles/assets/demo/images/galleria/galleria6s.jpg deleted file mode 100644 index fe9a3f1..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria6s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria7.jpg b/tiles/assets/demo/images/galleria/galleria7.jpg deleted file mode 100644 index 1871130..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria7.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria7s.jpg b/tiles/assets/demo/images/galleria/galleria7s.jpg deleted file mode 100644 index e4bf005..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria7s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria8.jpg b/tiles/assets/demo/images/galleria/galleria8.jpg deleted file mode 100644 index c346a49..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria8.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria8s.jpg b/tiles/assets/demo/images/galleria/galleria8s.jpg deleted file mode 100644 index 1786d91..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria8s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria9.jpg b/tiles/assets/demo/images/galleria/galleria9.jpg deleted file mode 100644 index 62326d1..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria9.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/galleria/galleria9s.jpg b/tiles/assets/demo/images/galleria/galleria9s.jpg deleted file mode 100644 index ca8ca50..0000000 Binary files a/tiles/assets/demo/images/galleria/galleria9s.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/landing/chat-dark.png b/tiles/assets/demo/images/landing/chat-dark.png deleted file mode 100644 index 4a443b3..0000000 Binary files a/tiles/assets/demo/images/landing/chat-dark.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/chat-light.png b/tiles/assets/demo/images/landing/chat-light.png deleted file mode 100644 index 3bc116d..0000000 Binary files a/tiles/assets/demo/images/landing/chat-light.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/dashboard-dark.png b/tiles/assets/demo/images/landing/dashboard-dark.png deleted file mode 100644 index 397fda7..0000000 Binary files a/tiles/assets/demo/images/landing/dashboard-dark.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/dashboard-light.png b/tiles/assets/demo/images/landing/dashboard-light.png deleted file mode 100644 index 1df0bad..0000000 Binary files a/tiles/assets/demo/images/landing/dashboard-light.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/icon-accessibility.svg b/tiles/assets/demo/images/landing/icon-accessibility.svg deleted file mode 100644 index 452e180..0000000 --- a/tiles/assets/demo/images/landing/icon-accessibility.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-community.svg b/tiles/assets/demo/images/landing/icon-community.svg deleted file mode 100644 index 4ff556d..0000000 --- a/tiles/assets/demo/images/landing/icon-community.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-components.svg b/tiles/assets/demo/images/landing/icon-components.svg deleted file mode 100644 index b9a28d5..0000000 --- a/tiles/assets/demo/images/landing/icon-components.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/tiles/assets/demo/images/landing/icon-mobile.svg b/tiles/assets/demo/images/landing/icon-mobile.svg deleted file mode 100644 index a0593dc..0000000 --- a/tiles/assets/demo/images/landing/icon-mobile.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-productivity.svg b/tiles/assets/demo/images/landing/icon-productivity.svg deleted file mode 100644 index ebe7084..0000000 --- a/tiles/assets/demo/images/landing/icon-productivity.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-support.svg b/tiles/assets/demo/images/landing/icon-support.svg deleted file mode 100644 index 0a7ce89..0000000 --- a/tiles/assets/demo/images/landing/icon-support.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-theme.svg b/tiles/assets/demo/images/landing/icon-theme.svg deleted file mode 100644 index db59124..0000000 --- a/tiles/assets/demo/images/landing/icon-theme.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/tiles/assets/demo/images/landing/icon-ts.svg b/tiles/assets/demo/images/landing/icon-ts.svg deleted file mode 100644 index df3220f..0000000 --- a/tiles/assets/demo/images/landing/icon-ts.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/tiles/assets/demo/images/landing/kanban-dark.png b/tiles/assets/demo/images/landing/kanban-dark.png deleted file mode 100644 index ef056b1..0000000 Binary files a/tiles/assets/demo/images/landing/kanban-dark.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/kanban-light.png b/tiles/assets/demo/images/landing/kanban-light.png deleted file mode 100644 index 00efbb0..0000000 Binary files a/tiles/assets/demo/images/landing/kanban-light.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/mail-dark.png b/tiles/assets/demo/images/landing/mail-dark.png deleted file mode 100644 index 41909a8..0000000 Binary files a/tiles/assets/demo/images/landing/mail-dark.png and /dev/null differ diff --git a/tiles/assets/demo/images/landing/mail-light.png b/tiles/assets/demo/images/landing/mail-light.png deleted file mode 100644 index ce19571..0000000 Binary files a/tiles/assets/demo/images/landing/mail-light.png and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature1.jpg b/tiles/assets/demo/images/nature/nature1.jpg deleted file mode 100644 index 15b628c..0000000 Binary files a/tiles/assets/demo/images/nature/nature1.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature10.jpg b/tiles/assets/demo/images/nature/nature10.jpg deleted file mode 100644 index d7e126a..0000000 Binary files a/tiles/assets/demo/images/nature/nature10.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature11.jpg b/tiles/assets/demo/images/nature/nature11.jpg deleted file mode 100644 index 57201ce..0000000 Binary files a/tiles/assets/demo/images/nature/nature11.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature12.jpg b/tiles/assets/demo/images/nature/nature12.jpg deleted file mode 100644 index 760658e..0000000 Binary files a/tiles/assets/demo/images/nature/nature12.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature2.jpg b/tiles/assets/demo/images/nature/nature2.jpg deleted file mode 100644 index eb11885..0000000 Binary files a/tiles/assets/demo/images/nature/nature2.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature3.jpg b/tiles/assets/demo/images/nature/nature3.jpg deleted file mode 100644 index 47ce93d..0000000 Binary files a/tiles/assets/demo/images/nature/nature3.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature4.jpg b/tiles/assets/demo/images/nature/nature4.jpg deleted file mode 100644 index 84ee127..0000000 Binary files a/tiles/assets/demo/images/nature/nature4.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature5.jpg b/tiles/assets/demo/images/nature/nature5.jpg deleted file mode 100644 index a0215c2..0000000 Binary files a/tiles/assets/demo/images/nature/nature5.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature6.jpg b/tiles/assets/demo/images/nature/nature6.jpg deleted file mode 100644 index cf2396b..0000000 Binary files a/tiles/assets/demo/images/nature/nature6.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature7.jpg b/tiles/assets/demo/images/nature/nature7.jpg deleted file mode 100644 index a7d0a67..0000000 Binary files a/tiles/assets/demo/images/nature/nature7.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature8.jpg b/tiles/assets/demo/images/nature/nature8.jpg deleted file mode 100644 index 5d6764a..0000000 Binary files a/tiles/assets/demo/images/nature/nature8.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/nature/nature9.jpg b/tiles/assets/demo/images/nature/nature9.jpg deleted file mode 100644 index b39b46c..0000000 Binary files a/tiles/assets/demo/images/nature/nature9.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/bamboo-watch.jpg b/tiles/assets/demo/images/product/bamboo-watch.jpg deleted file mode 100644 index dbff9ed..0000000 Binary files a/tiles/assets/demo/images/product/bamboo-watch.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/black-watch.jpg b/tiles/assets/demo/images/product/black-watch.jpg deleted file mode 100644 index 03f8bd4..0000000 Binary files a/tiles/assets/demo/images/product/black-watch.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/blue-band.jpg b/tiles/assets/demo/images/product/blue-band.jpg deleted file mode 100644 index 3b84a9a..0000000 Binary files a/tiles/assets/demo/images/product/blue-band.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/blue-t-shirt.jpg b/tiles/assets/demo/images/product/blue-t-shirt.jpg deleted file mode 100644 index 3287ead..0000000 Binary files a/tiles/assets/demo/images/product/blue-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/bracelet.jpg b/tiles/assets/demo/images/product/bracelet.jpg deleted file mode 100644 index 6177665..0000000 Binary files a/tiles/assets/demo/images/product/bracelet.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/brown-purse.jpg b/tiles/assets/demo/images/product/brown-purse.jpg deleted file mode 100644 index 0411571..0000000 Binary files a/tiles/assets/demo/images/product/brown-purse.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/chakra-bracelet.jpg b/tiles/assets/demo/images/product/chakra-bracelet.jpg deleted file mode 100644 index 29f4771..0000000 Binary files a/tiles/assets/demo/images/product/chakra-bracelet.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/galaxy-earrings.jpg b/tiles/assets/demo/images/product/galaxy-earrings.jpg deleted file mode 100644 index ad0b1b1..0000000 Binary files a/tiles/assets/demo/images/product/galaxy-earrings.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/game-controller.jpg b/tiles/assets/demo/images/product/game-controller.jpg deleted file mode 100644 index 6d309ee..0000000 Binary files a/tiles/assets/demo/images/product/game-controller.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/gaming-set.jpg b/tiles/assets/demo/images/product/gaming-set.jpg deleted file mode 100644 index 9fdbe6c..0000000 Binary files a/tiles/assets/demo/images/product/gaming-set.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/gold-phone-case.jpg b/tiles/assets/demo/images/product/gold-phone-case.jpg deleted file mode 100644 index 7671968..0000000 Binary files a/tiles/assets/demo/images/product/gold-phone-case.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/green-earbuds.jpg b/tiles/assets/demo/images/product/green-earbuds.jpg deleted file mode 100644 index 7813105..0000000 Binary files a/tiles/assets/demo/images/product/green-earbuds.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/green-t-shirt.jpg b/tiles/assets/demo/images/product/green-t-shirt.jpg deleted file mode 100644 index fdb70a7..0000000 Binary files a/tiles/assets/demo/images/product/green-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/grey-t-shirt.jpg b/tiles/assets/demo/images/product/grey-t-shirt.jpg deleted file mode 100644 index 5b6d78a..0000000 Binary files a/tiles/assets/demo/images/product/grey-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/headphones.jpg b/tiles/assets/demo/images/product/headphones.jpg deleted file mode 100644 index 5f9f31d..0000000 Binary files a/tiles/assets/demo/images/product/headphones.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/light-green-t-shirt.jpg b/tiles/assets/demo/images/product/light-green-t-shirt.jpg deleted file mode 100644 index 2fb6219..0000000 Binary files a/tiles/assets/demo/images/product/light-green-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/lime-band.jpg b/tiles/assets/demo/images/product/lime-band.jpg deleted file mode 100644 index 5627c6b..0000000 Binary files a/tiles/assets/demo/images/product/lime-band.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/mini-speakers.jpg b/tiles/assets/demo/images/product/mini-speakers.jpg deleted file mode 100644 index 8883aa2..0000000 Binary files a/tiles/assets/demo/images/product/mini-speakers.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/painted-phone-case.jpg b/tiles/assets/demo/images/product/painted-phone-case.jpg deleted file mode 100644 index 5da5f00..0000000 Binary files a/tiles/assets/demo/images/product/painted-phone-case.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/pink-band.jpg b/tiles/assets/demo/images/product/pink-band.jpg deleted file mode 100644 index 50124ad..0000000 Binary files a/tiles/assets/demo/images/product/pink-band.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/pink-purse.jpg b/tiles/assets/demo/images/product/pink-purse.jpg deleted file mode 100644 index a5e864f..0000000 Binary files a/tiles/assets/demo/images/product/pink-purse.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/product-placeholder.svg b/tiles/assets/demo/images/product/product-placeholder.svg deleted file mode 100644 index 714f105..0000000 --- a/tiles/assets/demo/images/product/product-placeholder.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - Artboard - - - - - - - \ No newline at end of file diff --git a/tiles/assets/demo/images/product/purple-band.jpg b/tiles/assets/demo/images/product/purple-band.jpg deleted file mode 100644 index 17523fe..0000000 Binary files a/tiles/assets/demo/images/product/purple-band.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/purple-gemstone-necklace.jpg b/tiles/assets/demo/images/product/purple-gemstone-necklace.jpg deleted file mode 100644 index a40d4b3..0000000 Binary files a/tiles/assets/demo/images/product/purple-gemstone-necklace.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/purple-t-shirt.jpg b/tiles/assets/demo/images/product/purple-t-shirt.jpg deleted file mode 100644 index 12d75f1..0000000 Binary files a/tiles/assets/demo/images/product/purple-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/shoes.jpg b/tiles/assets/demo/images/product/shoes.jpg deleted file mode 100644 index efc7aca..0000000 Binary files a/tiles/assets/demo/images/product/shoes.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/sneakers.jpg b/tiles/assets/demo/images/product/sneakers.jpg deleted file mode 100644 index 53f66dc..0000000 Binary files a/tiles/assets/demo/images/product/sneakers.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/teal-t-shirt.jpg b/tiles/assets/demo/images/product/teal-t-shirt.jpg deleted file mode 100644 index 749ae9d..0000000 Binary files a/tiles/assets/demo/images/product/teal-t-shirt.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/yellow-earbuds.jpg b/tiles/assets/demo/images/product/yellow-earbuds.jpg deleted file mode 100644 index 1bfc87a..0000000 Binary files a/tiles/assets/demo/images/product/yellow-earbuds.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/yoga-mat.jpg b/tiles/assets/demo/images/product/yoga-mat.jpg deleted file mode 100644 index 18d9564..0000000 Binary files a/tiles/assets/demo/images/product/yoga-mat.jpg and /dev/null differ diff --git a/tiles/assets/demo/images/product/yoga-set.jpg b/tiles/assets/demo/images/product/yoga-set.jpg deleted file mode 100644 index 734ba58..0000000 Binary files a/tiles/assets/demo/images/product/yoga-set.jpg and /dev/null differ diff --git a/tiles/assets/demo/styles/badges.css b/tiles/assets/demo/styles/badges.css deleted file mode 100644 index 0486b2b..0000000 --- a/tiles/assets/demo/styles/badges.css +++ /dev/null @@ -1,93 +0,0 @@ -.product-badge { - border-radius: var(--border-radius); - padding: 0.25em 0.5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: 0.3px; -} -.product-badge.status-instock { - background: var(--green-200); - color: var(--green-800); -} -.product-badge.status-outofstock { - background: var(--pink-200); - color: var(--pink-800); -} -.product-badge.status-lowstock { - background: var(--yellow-200); - color: var(--yellow-800); -} - -.product-badge-text { - font-weight: 700; - font-size: 12px; - letter-spacing: 0.3px; -} -.product-badge-text.status-instock { - color: var(--green-500); -} -.product-badge-text.status-outofstock { - color: var(--pink-500); -} -.product-badge-text.status-lowstock { - color: var(--yellow-500); -} - -.customer-badge { - border-radius: var(--border-radius); - padding: 0.25em 0.5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: 0.3px; -} -.customer-badge.status-qualified { - background: var(--green-200); - color: var(--green-800); -} -.customer-badge.status-unqualified { - background: var(--pink-200); - color: var(--pink-800); -} -.customer-badge.status-negotiation { - background: var(--yellow-200); - color: var(--yellow-800); -} -.customer-badge.status-new { - background: var(--blue-200); - color: var(--blue-800); -} -.customer-badge.status-renewal { - background: var(--purple-200); - color: var(--purple-800); -} -.customer-badge.status-proposal { - background: var(--orange-200); - color: var(--orange-800); -} - -.order-badge { - border-radius: var(--border-radius); - padding: 0.25em 0.5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: 0.3px; -} -.order-badge.order-delivered { - background: #C8E6C9; - color: #256029; -} -.order-badge.order-cancelled { - background: #FFCDD2; - color: #C63737; -} -.order-badge.order-pending { - background: #FEEDAF; - color: #8A5340; -} -.order-badge.order-returned { - background: #ECCFFF; - color: #694382; -} diff --git a/tiles/assets/demo/styles/badges.scss b/tiles/assets/demo/styles/badges.scss deleted file mode 100644 index 3147868..0000000 --- a/tiles/assets/demo/styles/badges.scss +++ /dev/null @@ -1,109 +0,0 @@ -.product-badge { - border-radius: var(--border-radius); - padding: .25em .5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: .3px; - - &.status-instock { - background: var(--green-200); - color: var(--green-800); - } - - &.status-outofstock { - background: var(--pink-200); - color: var(--pink-800); - } - - &.status-lowstock { - background: var(--yellow-200); - color: var(--yellow-800); - } -} - -.product-badge-text { - font-weight: 700; - font-size: 12px; - letter-spacing: .3px; - - &.status-instock { - color: var(--green-500); - } - - &.status-outofstock { - color: var(--pink-500); - } - - &.status-lowstock { - color: var(--yellow-500); - } -} - -.customer-badge { - border-radius: var(--border-radius); - padding: .25em .5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: .3px; - - &.status-qualified { - background: var(--green-200); - color: var(--green-800); - } - - &.status-unqualified { - background: var(--pink-200); - color: var(--pink-800); - } - - &.status-negotiation { - background: var(--yellow-200); - color: var(--yellow-800); - } - - &.status-new { - background: var(--blue-200); - color: var(--blue-800); - } - - &.status-renewal { - background: var(--purple-200); - color: var(--purple-800); - } - - &.status-proposal { - background: var(--orange-200); - color: var(--orange-800); - } -} - -.order-badge { - border-radius: var(--border-radius); - padding: .25em .5rem; - text-transform: uppercase; - font-weight: 700; - font-size: 12px; - letter-spacing: .3px; - - &.order-delivered { - background: #C8E6C9; - color: #256029; - } - - &.order-cancelled { - background: #FFCDD2; - color: #C63737; - } - - &.order-pending { - background: #FEEDAF; - color: #8A5340; - } - - &.order-returned { - background: #ECCFFF; - color: #694382; - } -} diff --git a/tiles/assets/demo/styles/code.css b/tiles/assets/demo/styles/code.css deleted file mode 100644 index 93161a2..0000000 --- a/tiles/assets/demo/styles/code.css +++ /dev/null @@ -1,14 +0,0 @@ -pre.app-code { - background-color: var(--surface-ground); - margin: 0 0 1rem 0; - padding: 0; - border-radius: var(--border-radius); - overflow: auto; -} -pre.app-code code { - color: var(--surface-900); - padding: 1rem; - line-height: 1.5; - display: block; - font-family: monaco, Consolas, monospace; -} diff --git a/tiles/assets/demo/styles/code.scss b/tiles/assets/demo/styles/code.scss deleted file mode 100644 index c690345..0000000 --- a/tiles/assets/demo/styles/code.scss +++ /dev/null @@ -1,15 +0,0 @@ -pre.app-code { - background-color: var(--surface-ground); - margin: 0 0 1rem 0; - padding: 0; - border-radius: var(--border-radius); - overflow: auto; - - code { - color: var(--surface-900); - padding: 1rem; - line-height: 1.5; - display: block; - font-family: monaco, Consolas, monospace; - } -} \ No newline at end of file diff --git a/tiles/assets/demo/styles/flags/flags.css b/tiles/assets/demo/styles/flags/flags.css deleted file mode 100644 index 44a4376..0000000 --- a/tiles/assets/demo/styles/flags/flags.css +++ /dev/null @@ -1 +0,0 @@ -span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url(./flags_responsive.png) no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%} diff --git a/tiles/assets/demo/styles/flags/flags_responsive.png b/tiles/assets/demo/styles/flags/flags_responsive.png deleted file mode 100644 index c27ce21..0000000 Binary files a/tiles/assets/demo/styles/flags/flags_responsive.png and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-500.woff b/tiles/assets/layout/fonts/poppins-v20-latin-500.woff deleted file mode 100644 index f033442..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-500.woff and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-500.woff2 b/tiles/assets/layout/fonts/poppins-v20-latin-500.woff2 deleted file mode 100644 index c660336..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-500.woff2 and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-600.woff b/tiles/assets/layout/fonts/poppins-v20-latin-600.woff deleted file mode 100644 index 2370956..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-600.woff and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-600.woff2 b/tiles/assets/layout/fonts/poppins-v20-latin-600.woff2 deleted file mode 100644 index 921e962..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-600.woff2 and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-700.woff b/tiles/assets/layout/fonts/poppins-v20-latin-700.woff deleted file mode 100644 index b8b8ce5..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-700.woff and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-700.woff2 b/tiles/assets/layout/fonts/poppins-v20-latin-700.woff2 deleted file mode 100644 index bf022fc..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-700.woff2 and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff b/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff deleted file mode 100644 index 2a04ae3..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff and /dev/null differ diff --git a/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff2 b/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff2 deleted file mode 100644 index b69e009..0000000 Binary files a/tiles/assets/layout/fonts/poppins-v20-latin-regular.woff2 and /dev/null differ diff --git a/tiles/assets/layout/images/avatar.png b/tiles/assets/layout/images/avatar.png deleted file mode 100644 index 1e46ed5..0000000 Binary files a/tiles/assets/layout/images/avatar.png and /dev/null differ diff --git a/tiles/assets/layout/styles/layout/_animation.scss b/tiles/assets/layout/styles/layout/_animation.scss deleted file mode 100644 index 7a02d59..0000000 --- a/tiles/assets/layout/styles/layout/_animation.scss +++ /dev/null @@ -1,53 +0,0 @@ -@keyframes px-mask-in { - from { - background-color: transparent; - } - - to { - background-color: var(--maskbg); - } -} - -@keyframes px-scalein { - 0% { - opacity: 0; - transform: scaleY(0.8); - } - - 100% { - opacity: 1; - transform: scaleY(1); - } -} - -@keyframes px-fadein { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes px-fadeout { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -.px-scalein { - animation: px-scalein .12s cubic-bezier(0, 0, 0.2, 1); -} - -.px-fadein { - animation: px-fadein .15s linear; -} - -.px-fadeout { - animation: px-fadeout .15s linear; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_breadcrumb.scss b/tiles/assets/layout/styles/layout/_breadcrumb.scss deleted file mode 100644 index 70ab44a..0000000 --- a/tiles/assets/layout/styles/layout/_breadcrumb.scss +++ /dev/null @@ -1,21 +0,0 @@ -.layout-breadcrumb { - ol { - display: flex; - align-items: center; - margin: 0; - padding: 0; - list-style: none; - gap: 1rem; - flex-wrap: wrap; - color: var(--text-color-secondary); - - li { - font-weight: 600; - } - } -} - -.content-breadcrumb { - margin-bottom: 2rem; - padding: 0 .5rem; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_config.scss b/tiles/assets/layout/styles/layout/_config.scss deleted file mode 100644 index b36abc8..0000000 --- a/tiles/assets/layout/styles/layout/_config.scss +++ /dev/null @@ -1,42 +0,0 @@ -.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; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_content.scss b/tiles/assets/layout/styles/layout/_content.scss deleted file mode 100644 index 4dbae98..0000000 --- a/tiles/assets/layout/styles/layout/_content.scss +++ /dev/null @@ -1,3 +0,0 @@ -.layout-content-wrapper { - padding: 2rem; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_fonts.scss b/tiles/assets/layout/styles/layout/_fonts.scss deleted file mode 100644 index b306070..0000000 --- a/tiles/assets/layout/styles/layout/_fonts.scss +++ /dev/null @@ -1,36 +0,0 @@ -/* poppins-regular - latin */ -@font-face { - font-family: 'Poppins'; - font-style: normal; - font-weight: 400; - src: local(''), - url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url('../../fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ - } - /* poppins-500 - latin */ - @font-face { - font-family: 'Poppins'; - font-style: normal; - font-weight: 500; - src: local(''), - url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url('../../fonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ - } - /* poppins-600 - latin */ - @font-face { - font-family: 'Poppins'; - font-style: normal; - font-weight: 600; - src: local(''), - url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url('../../fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ - } - /* poppins-700 - latin */ - @font-face { - font-family: 'Poppins'; - font-style: normal; - font-weight: 700; - src: local(''), - url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ - url('../../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ - } \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_layout_dark.scss b/tiles/assets/layout/styles/layout/_layout_dark.scss deleted file mode 100644 index c3879e9..0000000 --- a/tiles/assets/layout/styles/layout/_layout_dark.scss +++ /dev/null @@ -1,5 +0,0 @@ -.layout-dark { - --sidebar-shadow: none; - --sidebar-border: 1px solid var(--surface-border); - --card-shadow: none; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_layout_dim.scss b/tiles/assets/layout/styles/layout/_layout_dim.scss deleted file mode 100644 index b9611fc..0000000 --- a/tiles/assets/layout/styles/layout/_layout_dim.scss +++ /dev/null @@ -1,5 +0,0 @@ -.layout-dim { - --sidebar-shadow: none; - --sidebar-border: 1px solid var(--surface-border); - --card-shadow: none; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_layout_light.scss b/tiles/assets/layout/styles/layout/_layout_light.scss deleted file mode 100644 index 10cf2ba..0000000 --- a/tiles/assets/layout/styles/layout/_layout_light.scss +++ /dev/null @@ -1,5 +0,0 @@ -.layout-light { - --sidebar-shadow: 0px 4px 50px #D9DDFC; - --sidebar-border: 1px solid transparent; - --card-shadow: 0px 4px 30px rgba(221, 224, 255, 0.54); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_main.scss b/tiles/assets/layout/styles/layout/_main.scss deleted file mode 100644 index 90a1b28..0000000 --- a/tiles/assets/layout/styles/layout/_main.scss +++ /dev/null @@ -1,28 +0,0 @@ -* { - box-sizing: border-box; -} - -html { - height: 100%; - font-size: $scale; -} - -body { - font-weight: 400; - padding: 0; - margin: 0; - min-height: 100%; - background: var(--surface-ground); - color: var(--text-color); - font-family: var(--font-family); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - text-decoration: none; -} - -.layout-container { - min-height: 100vh; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_profile.scss b/tiles/assets/layout/styles/layout/_profile.scss deleted file mode 100644 index 4cb5e13..0000000 --- a/tiles/assets/layout/styles/layout/_profile.scss +++ /dev/null @@ -1,10 +0,0 @@ -.layout-profile-sidebar { - &.p-sidebar { - width: 25rem; - - .p-sidebar-content { - padding-left: 2rem; - padding-right: 2rem; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_responsive.scss b/tiles/assets/layout/styles/layout/_responsive.scss deleted file mode 100644 index 2bfa45d..0000000 --- a/tiles/assets/layout/styles/layout/_responsive.scss +++ /dev/null @@ -1,113 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-static { - .layout-sidebar { - transition: transform var(--transition-duration); - } - - .layout-content-wrapper { - margin-left: 18rem; - transition: margin-left var(--transition-duration); - } - } - - &.layout-static-inactive { - .layout-sidebar { - transform: translateX(-100%); - } - - .layout-content-wrapper { - margin-left: 0; - } - } - - &.layout-overlay { - .layout-content-wrapper { - margin-left: 0; - } - - .layout-sidebar { - z-index: 999; - transform: translateX(-100%); - transition: transform var(--transition-duration); - } - - &.layout-overlay-active { - .layout-sidebar { - transform: translateX(0); - } - } - } - - .content-breadcrumb { - display: none; - } - } -} - -@media screen and (max-width: ($breakpoint - 1)) { - .blocked-scroll { - overflow: hidden; - } - - .layout-container { - .layout-content-wrapper { - margin-left: 0; - padding: 1rem; - } - - .layout-sidebar { - z-index: 999; - transform: translateX(-100%); - transition: transform var(--transition-duration); - box-shadow: none; - } - - &.layout-mobile-active { - .layout-sidebar { - transform: translateX(0); - } - - .layout-mask { - display: block; - animation: fadein var(--transition-duration); - } - } - - .layout-mask { - display: none; - position: fixed; - top: 0; - left: 0; - z-index: 998; - width: 100%; - height: 100%; - background-color: var(--maskbg); - } - - .topbar-breadcrumb { - display: none; - } - - .content-breadcrumb { - display: block; - } - - - } - -} - -@media screen and (min-width: 1960px) { - .layout-content, .landing-wrapper { - width: 1504px; - margin-left: auto !important; - margin-right: auto !important; - } - - .layout-topbar { - width: 1504px; - margin-left: auto !important; - margin-right: auto !important; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_sidebar_drawer.scss b/tiles/assets/layout/styles/layout/_sidebar_drawer.scss deleted file mode 100644 index f4198f7..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_drawer.scss +++ /dev/null @@ -1,236 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-drawer { - .layout-topbar { - .topbar-menubutton { - display: none; - } - } - - .layout-sidebar { - height: 100%; - top: 0; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - width: 5.25rem; - z-index: 999; - - .layout-menu-container { - overflow: hidden; - } - - .sidebar-header { - display: flex; - justify-content: center; - gap: 1rem; - padding: 1.5rem 0rem; - - .app-logo { - .app-logo-small { - display: inline; - order: 1; - } - - .app-logo-normal { - display: none; - width: 0; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - transition-delay: 300ms; - } - } - - .layout-sidebar-anchor { - display: none; - width: 1.25rem; - height: 1.25rem; - border-radius: 50%; - border: 2px solid var(--logo-color); - background-color: transparent; - transition: background-color var(--transition-duration), - transform 0.3s; - } - } - - .layout-menu-container { - overflow: hidden; - } - - .layout-menu { - transition: all .4s; - - .layout-root-menuitem { - >.layout-menuitem-root-text { - opacity: 0; - white-space: nowrap; - transition: all .1s; - - >span { - margin-right: auto; - - } - - .layout-menuitem-icon { - font-size: 1.25rem; - width: 1.25rem; - } - - >.layout-menuitem-root-icon { - display: block; - margin-right: 0.125rem; - font-size: 1.25rem; - } - } - } - - ul { - margin: 0; - padding: 0; - list-style-type: none; - - - a { - padding: 0.75rem 2rem; - width: 1.25rem; - span { - opacity: 0; - white-space: nowrap; - transition: all .1s; - } - - .layout-menuitem-icon { - font-size: 1.25rem; - width: 1.25rem; - } - } - - } - } - } - - &.layout-drawer { - .layout-content-wrapper { - margin-left: 5.25rem; - transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1); - overflow-x: hidden; - } - } - - &.layout-sidebar-active { - .layout-sidebar { - width: 18rem; - - .layout-menu-container { - overflow: auto; - } - - .sidebar-header { - padding: 1.5rem 2rem; - justify-content: space-between; - - .app-logo { - .app-logo-normal { - display: inline; - width: 100%; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - transition-delay: 300ms; - } - - .app-logo-small { - display: none; - } - } - - .layout-sidebar-anchor { - display: block; - animation: px-fadein 0.15s linear; - } - } - - .layout-menu { - .layout-root-menuitem { - >.layout-menuitem-root-text { - padding: 1rem 2rem; - padding-right: 1.25rem; - opacity: 1; - white-space: nowrap; - transition: all .3s; - - >.layout-menuitem-root-icon { - display: none; - } - } - } - - ul { - a { - padding: 0.75rem 2rem; - padding-right: 1.25rem; - width: auto; - .layout-submenu-toggler { - display: block; - } - - span { - opacity: 1; - white-space: nowrap; - transition: all .3s; - } - } - ul { - overflow: hidden; - border-radius: var(--border-radius); - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - - li { - a { - padding-left: 3.5rem; - } - - li { - a { - padding-left: 4rem; - } - - li { - a { - padding-left: 5.5rem; - } - - li { - a { - padding-left: 5rem; - } - } - } - } - } - } - } - } - } - } - } - } - - &.layout-sidebar-anchored { - .sidebar-header { - .layout-sidebar-anchor { - background-color: var(--logo-color); - } - } - - .layout-content-wrapper { - margin-left: 18rem; - } - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_sidebar_horizontal.scss b/tiles/assets/layout/styles/layout/_sidebar_horizontal.scss deleted file mode 100644 index 0672113..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_horizontal.scss +++ /dev/null @@ -1,163 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-horizontal { - .layout-topbar { - .topbar-menubutton { - display: none; - } - } - - .sidebar-header{ - .app-logo { - .app-logo-normal { - display: none; - } - - .app-logo-small { - display: inline; - } - } - } - - .layout-sidebar { - width: auto; - height: auto; - top: 0; - z-index: 999; - overflow: visible; - flex-direction: row; - position: static; - - .layout-menu-container { - overflow: auto; - padding-bottom: 0; - &::-webkit-scrollbar { - display: none; - } - } - - .sidebar-header { - padding: 0 2rem; - } - } - - .layout-menu { - display: flex; - flex-wrap: nowrap; - flex-direction: row; - align-items: center; - height: 100%; - - ul { - display: none; - } - - .layout-root-menuitem { - border-radius: var(--border-radius); - - > .layout-menuitem-root-text { - display: none; - } - - > a { - display: flex; - align-items: center; - padding: .75rem; - border-radius: 0; - cursor: pointer; - outline: none; - color: var(--menuitem-text-color); - transition: background-color var(--transition-duration); - - .layout-submenu-toggler { - display: block; - margin-left: auto; - transition: transform 0.2s; - } - - .layout-menuitem-icon { - font-size: 1.25rem; - color: var(--menuitem-icon-color); - } - - .layout-menuitem-text { - font-size: 0.875rem; - display: block; - margin-left: .75rem; - margin-right: .75rem; - white-space: nowrap; - } - - &:hover { - background-color: var(--menuitem-hover-bg-color); - } - } - - > ul { - position: absolute; - left: auto; - top: 3rem; - min-width: 15rem; - background-color: var(--surface-overlay); - box-shadow: var(--sidebar-shadow); - padding: 1rem; - border-radius: var(--border-radius); - max-height: 20rem; - overflow: auto; - z-index: 999; - - a { - padding-right: .5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - - .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - - &:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - } - - li { - a { - padding-left: 0.5rem; - } - - li { - a { - padding-left: 1rem; - } - - li { - a { - padding-left: 1.5rem; - } - - li { - a { - padding-left: 2rem; - } - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - } - } - } - } - } - } - } - } - } - } - } -} diff --git a/tiles/assets/layout/styles/layout/_sidebar_reveal.scss b/tiles/assets/layout/styles/layout/_sidebar_reveal.scss deleted file mode 100644 index fe20ee4..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_reveal.scss +++ /dev/null @@ -1,203 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-reveal { - .layout-topbar { - .topbar-menubutton { - display: none; - } - } - - .layout-sidebar { - height: 100%; - top: 0; - transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); - transform: translateX(-14.75rem); - z-index: 999; - - .sidebar-header { - display: flex; - justify-content: flex-end; - align-items: center; - gap: 1rem; - padding: 1.5rem 1rem; - - .app-logo { - .app-logo-small { - display: inline; - order: 1; - } - - .app-logo-normal { - display: none; - } - } - - .layout-sidebar-anchor { - display: none; - width: 1.25rem; - height: 1.25rem; - border-radius: 50%; - border: 2px solid var(--logo-color); - background-color: transparent; - transition: background-color var(--transition-duration), - transform 0.3s; - } - } - .layout-menu-container { - overflow: hidden; - } - - - .layout-menu { - .layout-root-menuitem { - >.layout-menuitem-root-text { - >span { - margin-right: auto; - } - - >.layout-menuitem-root-icon { - display: block; - margin-right: 0.125rem; - } - } - } - - ul { - margin: 0; - padding: 0; - list-style-type: none; - - a { - padding: 0.75rem 1rem; - - .layout-menuitem-text { - order: 1; - margin-right: auto; - } - - .layout-submenu-toggler { - order: 2; - display: none; - margin-right: 0.5rem; - } - - .layout-menuitem-icon { - order: 3; - margin-right: 0; - font-size: 1.25rem; - width: auto; - } - } - } - } - } - - &.layout-reveal { - .layout-content-wrapper { - margin-left: 4.25rem; - transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1); - } - } - - &.layout-sidebar-active { - .layout-sidebar { - transform: translateX(0); - .layout-menu-container { - overflow: auto; - } - .sidebar-header { - padding: 1.5rem 2rem; - justify-content: space-between; - .app-logo { - .app-logo-normal { - display: inline; - } - - .app-logo-small { - display: none; - } - } - .layout-sidebar-anchor { - display: block; - animation: px-fadein 0.15s linear; - } - } - - - - .layout-menu { - .layout-root-menuitem { - >.layout-menuitem-root-text { - >.layout-menuitem-root-icon { - display: none; - } - } - } - - ul { - a { - padding: 0.75rem 2rem; - - .layout-submenu-toggler { - display: block; - } - } - ul { - overflow: hidden; - border-radius: var(--border-radius); - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - - li { - a { - padding-left: 3.5rem; - } - - li { - a { - padding-left: 4rem; - } - - li { - a { - padding-left: 5.5rem; - } - - li { - a { - padding-left: 5rem; - } - } - } - } - } - } - } - } - } - } - } - } - - &.layout-sidebar-anchored { - .sidebar-header { - .layout-sidebar-anchor { - background-color: var(--logo-color); - } - } - - .layout-content-wrapper { - margin-left: 18rem; - } - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_sidebar_slim.scss b/tiles/assets/layout/styles/layout/_sidebar_slim.scss deleted file mode 100644 index 8d82c89..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_slim.scss +++ /dev/null @@ -1,145 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-slim { - .layout-topbar { - .topbar-menubutton { - display: none; - } - } - - .sidebar-header { - .app-logo { - .app-logo-normal { - display: none; - } - - .app-logo-small { - display: inline; - } - } - } - - .layout-sidebar { - width: 5rem; - overflow: visible; - z-index: 999; - - .layout-menu-container { - overflow: auto; - - &::-webkit-scrollbar { - display: none; - } - } - } - - .layout-content-wrapper { - margin-left: 5rem; - } - - .layout-menu { - .layout-root-menuitem { - - > .layout-menuitem-root-text { - display: none; - } - - > a { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - outline: none; - transition: background-color var(--transition-duration); - width: 3rem; - height: 3rem; - margin: 0 auto 1rem auto; - - .layout-submenu-toggler { - display: none; - } - - .layout-menuitem-icon { - font-size: 1.5rem; - color: var(--menuitem-icon-color); - } - - .layout-menuitem-text { - display: none; - } - - &:hover { - background-color: var(--menuitem-hover-bg-color); - } - } - - > ul { - position: absolute; - left: 5rem; - top: 0; - min-width: 15rem; - background-color: var(--surface-overlay); - border-radius: var(--border-radius); - box-shadow: var(--sidebar-shadow); - border: var(--sidebar-border); - padding: 1rem; - max-height: 20rem; - overflow: auto; - z-index: 999; - - a { - padding-right: .5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - - .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - - &:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - } - - li { - a { - padding-left: 0.5rem; - } - - li { - a { - padding-left: 1rem; - } - - li { - a { - padding-left: 1.5rem; - } - - li { - a { - padding-left: 2rem; - } - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - } - } - } - } - } - } - } - } - } - } - } -} diff --git a/tiles/assets/layout/styles/layout/_sidebar_slim_plus.scss b/tiles/assets/layout/styles/layout/_sidebar_slim_plus.scss deleted file mode 100644 index d59e0e7..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_slim_plus.scss +++ /dev/null @@ -1,163 +0,0 @@ -@media screen and (min-width: $breakpoint) { - .layout-container { - &.layout-slim-plus { - .layout-topbar { - .topbar-menubutton { - display: none; - } - } - - .sidebar-header { - justify-content: center; - .app-logo { - .app-logo-normal { - display: none; - } - - .app-logo-small { - display: inline; - align-items: center; - } - } - } - - .layout-sidebar { - width: 7rem; - overflow: visible; - z-index: 999; - - .layout-menu-container { - overflow: auto; - - &::-webkit-scrollbar { - display: none; - } - } - } - - .layout-content-wrapper { - margin-left: 7rem; - } - - .layout-menu { - ul { - display: none; - } - - li.active-menuitem { - > ul { - display: block; - } - } - - .layout-root-menuitem { - > .layout-menuitem-root-text { - display: none; - } - - > a { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - border-radius: var(--border-radius); - text-align: center; - cursor: pointer; - outline: none; - transition: background-color var(--transition-duration); - width: auto; - height: auto; - margin: 0 auto 1rem auto; - padding: 0.75rem 0; - - .layout-submenu-toggler { - display: none; - } - - .layout-menuitem-icon { - font-size: 1.5rem; - color: var(--menuitem-icon-color); - } - - .layout-menuitem-text { - font-size: 0.875rem; - display: block; - margin-top: 0.25rem; - color: var(--menuitem-text-color); - } - - - &:hover { - background-color: var(--menuitem-hover-bg-color); - } - } - - > ul { - position: absolute; - left: 7rem; - top: 0; - min-width: 15rem; - background-color: var(--surface-overlay); - border-radius: var(--border-radius); - box-shadow: var(--sidebar-shadow); - border: var(--sidebar-border); - padding: 1rem; - max-height: 20rem; - overflow: auto; - z-index: 999; - - a { - padding-right: .5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - - .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - - &:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - } - - li { - a { - padding-left: 0.5rem; - } - - li { - a { - padding-left: 1rem; - } - - li { - a { - padding-left: 1.5rem; - } - - li { - a { - padding-left: 2rem; - } - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - } - } - } - } - } - } - } - } - } - } - } -} diff --git a/tiles/assets/layout/styles/layout/_sidebar_vertical.scss b/tiles/assets/layout/styles/layout/_sidebar_vertical.scss deleted file mode 100644 index 75a12fc..0000000 --- a/tiles/assets/layout/styles/layout/_sidebar_vertical.scss +++ /dev/null @@ -1,153 +0,0 @@ -.layout-sidebar { - position: fixed; - height: 100%; - top: 0; - left: 0; - width: 18rem; - background: var(--menu-bg); - border-right: var(--sidebar-border); - box-shadow: var(--sidebar-shadow); - display: flex; - flex-direction: column; - - - .sidebar-header { - padding: 2.5rem 0 2rem 0; - display: flex; - justify-content: center; - align-items: center; - .app-logo { - .app-logo-normal { - display: inline; - width:124px; - height:22px; - } - - .app-logo-small { - display: none; - } - } - } - - - .layout-menu-container { - overflow: auto; - flex: 1; - padding-bottom: 2rem; - } - - .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(--root-menuitem-text-color); - padding: 1rem 2rem; - } - - > 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(--menuitem-text-color); - cursor: pointer; - padding: .75rem 2rem; - transition: background-color var(--transition-duration), box-shadow var(--transition-duration); - - .layout-menuitem-icon { - margin-right: .5rem; - color: var(--menuitem-icon-color); - } - - .layout-submenu-toggler { - font-size: 75%; - margin-left: auto; - transition: transform var(--transition-duration); - } - - &.active-route { - font-weight: 700; - } - - &:hover { - background-color: var(--menuitem-hover-bg-color); - } - } - - ul { - overflow: hidden; - border-radius: var(--border-radius); - - li { - a { - padding-left: 2.5rem; - } - - li { - a { - padding-left: 3rem; - } - - li { - a { - padding-left: 3.5rem; - } - - li { - a { - padding-left: 4rem; - } - - li { - a { - padding-left: 5.5rem; - } - - li { - a { - padding-left: 5rem; - } - } - } - } - } - } - } - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_topbar.scss b/tiles/assets/layout/styles/layout/_topbar.scss deleted file mode 100644 index 31a9a75..0000000 --- a/tiles/assets/layout/styles/layout/_topbar.scss +++ /dev/null @@ -1,78 +0,0 @@ -.layout-topbar { - margin-bottom: 2rem; - display: flex; - justify-content: space-between; - align-items: center; - - .topbar-start { - display: flex; - align-items: center; - - .topbar-menubutton { - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 2rem; - border-radius: 50%; - width: 2.5rem; - height: 2.5rem; - flex-shrink: 0; - transition: background-color var(--transition-duration); - - i { - font-size: 1.25rem; - color: var(--text-color); - transition: color var(--transition-duration); - } - - &:hover { - background-color: var(--primary-color); - - i { - color: var(--primary-color-text); - } - } - } - } - - .topbar-menu { - display: flex; - align-items: center; - margin: 0; - padding: 0; - list-style: none; - - li { - &.topbar-profile { - margin-left: 1.5rem; - display: inline-flex; - align-items: center; - justify-content: center; - - img { - width: 2rem; - height: 2rem; - } - - button { - border-radius: 50%; - width: 2rem; - height: 2rem; - transition: box-shadow var(--transition-duration); - - &:focus { - box-shadow: var(--focus-ring); - } - } - } - - &.topbar-search { - .p-inputtext { - padding-top: .5rem; - padding-bottom: .5rem; - border-radius: 2rem; - } - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_typography.scss b/tiles/assets/layout/styles/layout/_typography.scss deleted file mode 100644 index 771a2eb..0000000 --- a/tiles/assets/layout/styles/layout/_typography.scss +++ /dev/null @@ -1,63 +0,0 @@ -h1, h2, h3, h4, h5, h6 { - margin: 1.5rem 0 1rem 0; - font-family: inherit; - font-weight: 600; - 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: var(--border-radius); - 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; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/_utils.scss b/tiles/assets/layout/styles/layout/_utils.scss deleted file mode 100644 index 4335f9f..0000000 --- a/tiles/assets/layout/styles/layout/_utils.scss +++ /dev/null @@ -1,24 +0,0 @@ -.card { - background: var(--surface-card); - border: 1px solid var(--surface-border); - padding: 2rem; - margin-bottom: 2rem; - box-shadow: var(--card-shadow); - border-radius: 12px; - - &:last-child { - margin-bottom: 0; - } -} - -.p-toast { - &.p-toast-top-right, - &.p-toast-top-left, - &.p-toast-top-center { - top: 70px; - } -} - -.ng-hidden { - display: none !important; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/layout.css b/tiles/assets/layout/styles/layout/layout.css deleted file mode 100644 index ed69d74..0000000 --- a/tiles/assets/layout/styles/layout/layout.css +++ /dev/null @@ -1,1189 +0,0 @@ -/* poppins-regular - latin */ -@font-face { - font-family: "Poppins"; - font-style: normal; - font-weight: 400; - src: local(""), url("../../fonts/poppins-v20-latin-regular.woff2") format("woff2"), url("../../fonts/poppins-v20-latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* poppins-500 - latin */ -@font-face { - font-family: "Poppins"; - font-style: normal; - font-weight: 500; - src: local(""), url("../../fonts/poppins-v20-latin-500.woff2") format("woff2"), url("../../fonts/poppins-v20-latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* poppins-600 - latin */ -@font-face { - font-family: "Poppins"; - font-style: normal; - font-weight: 600; - src: local(""), url("../../fonts/poppins-v20-latin-600.woff2") format("woff2"), url("../../fonts/poppins-v20-latin-600.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* poppins-700 - latin */ -@font-face { - font-family: "Poppins"; - font-style: normal; - font-weight: 700; - src: local(""), url("../../fonts/poppins-v20-latin-700.woff2") format("woff2"), url("../../fonts/poppins-v20-latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@keyframes px-mask-in { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes px-scalein { - 0% { - opacity: 0; - transform: scaleY(0.8); - } - 100% { - opacity: 1; - transform: scaleY(1); - } -} -@keyframes px-fadein { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes px-fadeout { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -.px-scalein { - animation: px-scalein 0.12s cubic-bezier(0, 0, 0.2, 1); -} - -.px-fadein { - animation: px-fadein 0.15s linear; -} - -.px-fadeout { - animation: px-fadeout 0.15s linear; -} - -.layout-light { - --sidebar-shadow: 0px 4px 50px #D9DDFC; - --sidebar-border: 1px solid transparent; - --card-shadow: 0px 4px 30px rgba(221, 224, 255, 0.54); -} - -.layout-dim { - --sidebar-shadow: none; - --sidebar-border: 1px solid var(--surface-border); - --card-shadow: none; -} - -.layout-dark { - --sidebar-shadow: none; - --sidebar-border: 1px solid var(--surface-border); - --card-shadow: none; -} - -* { - box-sizing: border-box; -} - -html { - height: 100%; - font-size: 14px; -} - -body { - font-weight: 400; - padding: 0; - margin: 0; - min-height: 100%; - background: var(--surface-ground); - color: var(--text-color); - font-family: var(--font-family); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - text-decoration: none; -} - -.layout-container { - min-height: 100vh; -} - -.layout-sidebar { - position: fixed; - height: 100%; - top: 0; - left: 0; - width: 18rem; - background: var(--menu-bg); - border-right: var(--sidebar-border); - box-shadow: var(--sidebar-shadow); - display: flex; - flex-direction: column; -} -.layout-sidebar .sidebar-header { - padding: 2.5rem 0 2rem 0; - display: flex; - justify-content: center; - align-items: center; -} -.layout-sidebar .sidebar-header .app-logo .app-logo-normal { - display: inline; - width: 124px; - height: 22px; -} -.layout-sidebar .sidebar-header .app-logo .app-logo-small { - display: none; -} -.layout-sidebar .layout-menu-container { - overflow: auto; - flex: 1; - padding-bottom: 2rem; -} -.layout-sidebar .layout-menu { - margin: 0; - padding: 0; - list-style-type: none; -} -.layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - font-size: 0.857rem; - text-transform: uppercase; - font-weight: 700; - color: var(--root-menuitem-text-color); - padding: 1rem 2rem; -} -.layout-sidebar .layout-menu .layout-root-menuitem > a { - display: none; -} -.layout-sidebar .layout-menu a { - user-select: none; -} -.layout-sidebar .layout-menu a.active-menuitem > .layout-submenu-toggler { - transform: rotate(-180deg); -} -.layout-sidebar .layout-menu li.active-menuitem > a .layout-submenu-toggler { - transform: rotate(-180deg); -} -.layout-sidebar .layout-menu ul { - margin: 0; - padding: 0; - list-style-type: none; -} -.layout-sidebar .layout-menu ul a { - display: flex; - align-items: center; - position: relative; - outline: 0 none; - color: var(--menuitem-text-color); - cursor: pointer; - padding: 0.75rem 2rem; - transition: background-color var(--transition-duration), box-shadow var(--transition-duration); -} -.layout-sidebar .layout-menu ul a .layout-menuitem-icon { - margin-right: 0.5rem; - color: var(--menuitem-icon-color); -} -.layout-sidebar .layout-menu ul a .layout-submenu-toggler { - font-size: 75%; - margin-left: auto; - transition: transform var(--transition-duration); -} -.layout-sidebar .layout-menu ul a.active-route { - font-weight: 700; -} -.layout-sidebar .layout-menu ul a:hover { - background-color: var(--menuitem-hover-bg-color); -} -.layout-sidebar .layout-menu ul ul { - overflow: hidden; - border-radius: var(--border-radius); -} -.layout-sidebar .layout-menu ul ul li a { - padding-left: 2.5rem; -} -.layout-sidebar .layout-menu ul ul li li a { - padding-left: 3rem; -} -.layout-sidebar .layout-menu ul ul li li li a { - padding-left: 3.5rem; -} -.layout-sidebar .layout-menu ul ul li li li li a { - padding-left: 4rem; -} -.layout-sidebar .layout-menu ul ul li li li li li a { - padding-left: 5.5rem; -} -.layout-sidebar .layout-menu ul ul li li li li li li a { - padding-left: 5rem; -} - -@media screen and (min-width: 992px) { - .layout-container.layout-slim .layout-topbar .topbar-menubutton { - display: none; - } - .layout-container.layout-slim .sidebar-header .app-logo .app-logo-normal { - display: none; - } - .layout-container.layout-slim .sidebar-header .app-logo .app-logo-small { - display: inline; - } - .layout-container.layout-slim .layout-sidebar { - width: 5rem; - overflow: visible; - z-index: 999; - } - .layout-container.layout-slim .layout-sidebar .layout-menu-container { - overflow: auto; - } - .layout-container.layout-slim .layout-sidebar .layout-menu-container::-webkit-scrollbar { - display: none; - } - .layout-container.layout-slim .layout-content-wrapper { - margin-left: 5rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - display: none; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > a { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - outline: none; - transition: background-color var(--transition-duration); - width: 3rem; - height: 3rem; - margin: 0 auto 1rem auto; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > a .layout-submenu-toggler { - display: none; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > a .layout-menuitem-icon { - font-size: 1.5rem; - color: var(--menuitem-icon-color); - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > a .layout-menuitem-text { - display: none; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > a:hover { - background-color: var(--menuitem-hover-bg-color); - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul { - position: absolute; - left: 5rem; - top: 0; - min-width: 15rem; - background-color: var(--surface-overlay); - border-radius: var(--border-radius); - box-shadow: var(--sidebar-shadow); - border: var(--sidebar-border); - padding: 1rem; - max-height: 20rem; - overflow: auto; - z-index: 999; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul a { - padding-right: 0.5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul a .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul a:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li a { - padding-left: 0.5rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li li a { - padding-left: 1rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li li li a { - padding-left: 1.5rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li li li li a { - padding-left: 2rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li li li li li a { - padding-left: 2.5rem; - } - .layout-container.layout-slim .layout-menu .layout-root-menuitem > ul li li li li li li a { - padding-left: 3rem; - } -} -@media screen and (min-width: 992px) { - .layout-container.layout-slim-plus .layout-topbar .topbar-menubutton { - display: none; - } - .layout-container.layout-slim-plus .sidebar-header { - justify-content: center; - } - .layout-container.layout-slim-plus .sidebar-header .app-logo .app-logo-normal { - display: none; - } - .layout-container.layout-slim-plus .sidebar-header .app-logo .app-logo-small { - display: inline; - align-items: center; - } - .layout-container.layout-slim-plus .layout-sidebar { - width: 7rem; - overflow: visible; - z-index: 999; - } - .layout-container.layout-slim-plus .layout-sidebar .layout-menu-container { - overflow: auto; - } - .layout-container.layout-slim-plus .layout-sidebar .layout-menu-container::-webkit-scrollbar { - display: none; - } - .layout-container.layout-slim-plus .layout-content-wrapper { - margin-left: 7rem; - } - .layout-container.layout-slim-plus .layout-menu ul { - display: none; - } - .layout-container.layout-slim-plus .layout-menu li.active-menuitem > ul { - display: block; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - display: none; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > a { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - border-radius: var(--border-radius); - text-align: center; - cursor: pointer; - outline: none; - transition: background-color var(--transition-duration); - width: auto; - height: auto; - margin: 0 auto 1rem auto; - padding: 0.75rem 0; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > a .layout-submenu-toggler { - display: none; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > a .layout-menuitem-icon { - font-size: 1.5rem; - color: var(--menuitem-icon-color); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > a .layout-menuitem-text { - font-size: 0.875rem; - display: block; - margin-top: 0.25rem; - color: var(--menuitem-text-color); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > a:hover { - background-color: var(--menuitem-hover-bg-color); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul { - position: absolute; - left: 7rem; - top: 0; - min-width: 15rem; - background-color: var(--surface-overlay); - border-radius: var(--border-radius); - box-shadow: var(--sidebar-shadow); - border: var(--sidebar-border); - padding: 1rem; - max-height: 20rem; - overflow: auto; - z-index: 999; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul a { - padding-right: 0.5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul a .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul a:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li a { - padding-left: 0.5rem; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li li a { - padding-left: 1rem; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li li li a { - padding-left: 1.5rem; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li li li li a { - padding-left: 2rem; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li li li li li a { - padding-left: 2.5rem; - } - .layout-container.layout-slim-plus .layout-menu .layout-root-menuitem > ul li li li li li li a { - padding-left: 3rem; - } -} -@media screen and (min-width: 992px) { - .layout-container.layout-horizontal .layout-topbar .topbar-menubutton { - display: none; - } - .layout-container.layout-horizontal .sidebar-header .app-logo .app-logo-normal { - display: none; - } - .layout-container.layout-horizontal .sidebar-header .app-logo .app-logo-small { - display: inline; - } - .layout-container.layout-horizontal .layout-sidebar { - width: auto; - height: auto; - top: 0; - z-index: 999; - overflow: visible; - flex-direction: row; - position: static; - } - .layout-container.layout-horizontal .layout-sidebar .layout-menu-container { - overflow: auto; - padding-bottom: 0; - } - .layout-container.layout-horizontal .layout-sidebar .layout-menu-container::-webkit-scrollbar { - display: none; - } - .layout-container.layout-horizontal .layout-sidebar .sidebar-header { - padding: 0 2rem; - } - .layout-container.layout-horizontal .layout-menu { - display: flex; - flex-wrap: nowrap; - flex-direction: row; - align-items: center; - height: 100%; - } - .layout-container.layout-horizontal .layout-menu ul { - display: none; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem { - border-radius: var(--border-radius); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - display: none; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > a { - display: flex; - align-items: center; - padding: 0.75rem; - border-radius: 0; - cursor: pointer; - outline: none; - color: var(--menuitem-text-color); - transition: background-color var(--transition-duration); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > a .layout-submenu-toggler { - display: block; - margin-left: auto; - transition: transform 0.2s; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > a .layout-menuitem-icon { - font-size: 1.25rem; - color: var(--menuitem-icon-color); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > a .layout-menuitem-text { - font-size: 0.875rem; - display: block; - margin-left: 0.75rem; - margin-right: 0.75rem; - white-space: nowrap; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > a:hover { - background-color: var(--menuitem-hover-bg-color); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul { - position: absolute; - left: auto; - top: 3rem; - min-width: 15rem; - background-color: var(--surface-overlay); - box-shadow: var(--sidebar-shadow); - padding: 1rem; - border-radius: var(--border-radius); - max-height: 20rem; - overflow: auto; - z-index: 999; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul a { - padding-right: 0.5rem; - color: var(--popup-submenu-item-text-color); - border-radius: var(--border-radius); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul a .layout-menuitem-icon { - color: var(--popup-submenu-item-icon-color); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul a:hover { - background-color: var(--popup-submenu-item-hover-bg-color); - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li a { - padding-left: 0.5rem; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li li a { - padding-left: 1rem; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li li li a { - padding-left: 1.5rem; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li li li li a { - padding-left: 2rem; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li li li li li a { - padding-left: 2.5rem; - } - .layout-container.layout-horizontal .layout-menu .layout-root-menuitem > ul li li li li li li a { - padding-left: 3rem; - } -} -@media screen and (min-width: 992px) { - .layout-container.layout-reveal .layout-topbar .topbar-menubutton { - display: none; - } - .layout-container.layout-reveal .layout-sidebar { - height: 100%; - top: 0; - transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); - transform: translateX(-14.75rem); - z-index: 999; - } - .layout-container.layout-reveal .layout-sidebar .sidebar-header { - display: flex; - justify-content: flex-end; - align-items: center; - gap: 1rem; - padding: 1.5rem 1rem; - } - .layout-container.layout-reveal .layout-sidebar .sidebar-header .app-logo .app-logo-small { - display: inline; - order: 1; - } - .layout-container.layout-reveal .layout-sidebar .sidebar-header .app-logo .app-logo-normal { - display: none; - } - .layout-container.layout-reveal .layout-sidebar .sidebar-header .layout-sidebar-anchor { - display: none; - width: 1.25rem; - height: 1.25rem; - border-radius: 50%; - border: 2px solid var(--logo-color); - background-color: transparent; - transition: background-color var(--transition-duration), transform 0.3s; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu-container { - overflow: hidden; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > span { - margin-right: auto; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > .layout-menuitem-root-icon { - display: block; - margin-right: 0.125rem; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu ul { - margin: 0; - padding: 0; - list-style-type: none; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu ul a { - padding: 0.75rem 1rem; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-menuitem-text { - order: 1; - margin-right: auto; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-submenu-toggler { - order: 2; - display: none; - margin-right: 0.5rem; - } - .layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-menuitem-icon { - order: 3; - margin-right: 0; - font-size: 1.25rem; - width: auto; - } - .layout-container.layout-reveal.layout-reveal .layout-content-wrapper { - margin-left: 4.25rem; - transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1); - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar { - transform: translateX(0); - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu-container { - overflow: auto; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header { - padding: 1.5rem 2rem; - justify-content: space-between; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-normal { - display: inline; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-small { - display: none; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .layout-sidebar-anchor { - display: block; - animation: px-fadein 0.15s linear; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > .layout-menuitem-root-icon { - display: none; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul a { - padding: 0.75rem 2rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul a .layout-submenu-toggler { - display: block; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul { - overflow: hidden; - border-radius: var(--border-radius); - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li a { - padding-left: 2.5rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li a { - padding-left: 3rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li a { - padding-left: 3.5rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li a { - padding-left: 4rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li a { - padding-left: 5.5rem; - } - .layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li li a { - padding-left: 5rem; - } - .layout-container.layout-reveal.layout-sidebar-anchored .sidebar-header .layout-sidebar-anchor { - background-color: var(--logo-color); - } - .layout-container.layout-reveal.layout-sidebar-anchored .layout-content-wrapper { - margin-left: 18rem; - } -} -@media screen and (min-width: 992px) { - .layout-container.layout-drawer .layout-topbar .topbar-menubutton { - display: none; - } - .layout-container.layout-drawer .layout-sidebar { - height: 100%; - top: 0; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - width: 5.25rem; - z-index: 999; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu-container { - overflow: hidden; - } - .layout-container.layout-drawer .layout-sidebar .sidebar-header { - display: flex; - justify-content: center; - gap: 1rem; - padding: 1.5rem 0rem; - } - .layout-container.layout-drawer .layout-sidebar .sidebar-header .app-logo .app-logo-small { - display: inline; - order: 1; - } - .layout-container.layout-drawer .layout-sidebar .sidebar-header .app-logo .app-logo-normal { - display: none; - width: 0; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - transition-delay: 300ms; - } - .layout-container.layout-drawer .layout-sidebar .sidebar-header .layout-sidebar-anchor { - display: none; - width: 1.25rem; - height: 1.25rem; - border-radius: 50%; - border: 2px solid var(--logo-color); - background-color: transparent; - transition: background-color var(--transition-duration), transform 0.3s; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu-container { - overflow: hidden; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu { - transition: all 0.4s; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - opacity: 0; - white-space: nowrap; - transition: all 0.1s; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > span { - margin-right: auto; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text .layout-menuitem-icon { - font-size: 1.25rem; - width: 1.25rem; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > .layout-menuitem-root-icon { - display: block; - margin-right: 0.125rem; - font-size: 1.25rem; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu ul { - margin: 0; - padding: 0; - list-style-type: none; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu ul a { - padding: 0.75rem 2rem; - width: 1.25rem; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu ul a span { - opacity: 0; - white-space: nowrap; - transition: all 0.1s; - } - .layout-container.layout-drawer .layout-sidebar .layout-menu ul a .layout-menuitem-icon { - font-size: 1.25rem; - width: 1.25rem; - } - .layout-container.layout-drawer.layout-drawer .layout-content-wrapper { - margin-left: 5.25rem; - transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1); - overflow-x: hidden; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar { - width: 18rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu-container { - overflow: auto; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header { - padding: 1.5rem 2rem; - justify-content: space-between; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-normal { - display: inline; - width: 100%; - transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); - transition-delay: 300ms; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-small { - display: none; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .layout-sidebar-anchor { - display: block; - animation: px-fadein 0.15s linear; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text { - padding: 1rem 2rem; - padding-right: 1.25rem; - opacity: 1; - white-space: nowrap; - transition: all 0.3s; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem > .layout-menuitem-root-text > .layout-menuitem-root-icon { - display: none; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a { - padding: 0.75rem 2rem; - padding-right: 1.25rem; - width: auto; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a .layout-submenu-toggler { - display: block; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a span { - opacity: 1; - white-space: nowrap; - transition: all 0.3s; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul { - overflow: hidden; - border-radius: var(--border-radius); - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li a { - padding-left: 2.5rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li a { - padding-left: 3rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li a { - padding-left: 3.5rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li a { - padding-left: 4rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li a { - padding-left: 5.5rem; - } - .layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li li a { - padding-left: 5rem; - } - .layout-container.layout-drawer.layout-sidebar-anchored .sidebar-header .layout-sidebar-anchor { - background-color: var(--logo-color); - } - .layout-container.layout-drawer.layout-sidebar-anchored .layout-content-wrapper { - margin-left: 18rem; - } -} -.layout-colorscheme-menu { - --logo-color: var(--primary-color); - --menu-bg: var(--surface-overlay); - --root-menuitem-text-color: var(--primary-color); - --menuitem-text-color: var(--text-color); - --menuitem-icon-color: var(--primary-color); - --menuitem-hover-bg-color: var(--surface-hover); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} - -.layout-primarycolor-menu { - --logo-color: var(--primary-color-text); - --menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600)); - --root-menuitem-text-color: var(--primary-color-text); - --menuitem-text-color: var(--primary-color-text); - --menuitem-icon-color: var(--primary-color-text); - --menuitem-hover-bg-color: rgba(255,255,255,.1); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} - -.layout-dark.layout-primarycolor-menu, -.layout-dim.layout-primarycolor-menu { - --menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500)); -} - -.layout-transparent-menu { - --logo-color: var(--primary-color); - --menu-bg: var(--surface-overlay); - --root-menuitem-text-color: var(--primary-color); - --menuitem-text-color: var(--text-color); - --menuitem-icon-color: var(--primary-color); - --menuitem-hover-bg-color: var(--surface-hover); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} - -@media screen and (min-width: 992px) { - .layout-container.layout-transparent-menu.layout-static .layout-sidebar, .layout-container.layout-transparent-menu.layout-slim .layout-sidebar, .layout-container.layout-transparent-menu.layout-slim-plus .layout-sidebar, .layout-container.layout-transparent-menu.layout-horizontal .layout-sidebar { - background-color: transparent; - border-right: 1px solid transparent; - box-shadow: none; - } -} -@media screen and (min-width: 992px) { - .layout-container.layout-static .layout-sidebar { - transition: transform var(--transition-duration); - } - .layout-container.layout-static .layout-content-wrapper { - margin-left: 18rem; - transition: margin-left var(--transition-duration); - } - .layout-container.layout-static-inactive .layout-sidebar { - transform: translateX(-100%); - } - .layout-container.layout-static-inactive .layout-content-wrapper { - margin-left: 0; - } - .layout-container.layout-overlay .layout-content-wrapper { - margin-left: 0; - } - .layout-container.layout-overlay .layout-sidebar { - z-index: 999; - transform: translateX(-100%); - transition: transform var(--transition-duration); - } - .layout-container.layout-overlay.layout-overlay-active .layout-sidebar { - transform: translateX(0); - } - .layout-container .content-breadcrumb { - display: none; - } -} -@media screen and (max-width: 991px) { - .blocked-scroll { - overflow: hidden; - } - - .layout-container .layout-content-wrapper { - margin-left: 0; - padding: 1rem; - } - .layout-container .layout-sidebar { - z-index: 999; - transform: translateX(-100%); - transition: transform var(--transition-duration); - box-shadow: none; - } - .layout-container.layout-mobile-active .layout-sidebar { - transform: translateX(0); - } - .layout-container.layout-mobile-active .layout-mask { - display: block; - animation: fadein var(--transition-duration); - } - .layout-container .layout-mask { - display: none; - position: fixed; - top: 0; - left: 0; - z-index: 998; - width: 100%; - height: 100%; - background-color: var(--maskbg); - } - .layout-container .topbar-breadcrumb { - display: none; - } - .layout-container .content-breadcrumb { - display: block; - } -} -@media screen and (min-width: 1960px) { - .layout-content, .landing-wrapper { - width: 1504px; - margin-left: auto !important; - margin-right: auto !important; - } - - .layout-topbar { - width: 1504px; - margin-left: auto !important; - margin-right: auto !important; - } -} -.layout-topbar { - margin-bottom: 2rem; - display: flex; - justify-content: space-between; - align-items: center; -} -.layout-topbar .topbar-start { - display: flex; - align-items: center; -} -.layout-topbar .topbar-start .topbar-menubutton { - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 2rem; - border-radius: 50%; - width: 2.5rem; - height: 2.5rem; - flex-shrink: 0; - transition: background-color var(--transition-duration); -} -.layout-topbar .topbar-start .topbar-menubutton i { - font-size: 1.25rem; - color: var(--text-color); - transition: color var(--transition-duration); -} -.layout-topbar .topbar-start .topbar-menubutton:hover { - background-color: var(--primary-color); -} -.layout-topbar .topbar-start .topbar-menubutton:hover i { - color: var(--primary-color-text); -} -.layout-topbar .topbar-menu { - display: flex; - align-items: center; - margin: 0; - padding: 0; - list-style: none; -} -.layout-topbar .topbar-menu li.topbar-profile { - margin-left: 1.5rem; - display: inline-flex; - align-items: center; - justify-content: center; -} -.layout-topbar .topbar-menu li.topbar-profile img { - width: 2rem; - height: 2rem; -} -.layout-topbar .topbar-menu li.topbar-profile button { - border-radius: 50%; - width: 2rem; - height: 2rem; - transition: box-shadow var(--transition-duration); -} -.layout-topbar .topbar-menu li.topbar-profile button:focus { - box-shadow: var(--focus-ring); -} -.layout-topbar .topbar-menu li.topbar-search .p-inputtext { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - border-radius: 2rem; -} - -.layout-breadcrumb ol { - display: flex; - align-items: center; - margin: 0; - padding: 0; - list-style: none; - gap: 1rem; - flex-wrap: wrap; - color: var(--text-color-secondary); -} -.layout-breadcrumb ol li { - font-weight: 600; -} - -.content-breadcrumb { - margin-bottom: 2rem; - padding: 0 0.5rem; -} - -.layout-profile-sidebar.p-sidebar { - width: 25rem; -} -.layout-profile-sidebar.p-sidebar .p-sidebar-content { - padding-left: 2rem; - padding-right: 2rem; -} - -.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: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); -} -.layout-config-button i { - font-size: 2rem; - line-height: inherit; - transform: rotate(0deg); - 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-content-wrapper { - padding: 2rem; -} - -h1, h2, h3, h4, h5, h6 { - margin: 1.5rem 0 1rem 0; - font-family: inherit; - font-weight: 600; - 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: 0.25rem 0.4rem; - border-radius: var(--border-radius); - 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; -} -p:last-child { - margin-bottom: 0; -} - -.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: 70px; -} - -.ng-hidden { - display: none !important; -} diff --git a/tiles/assets/layout/styles/layout/layout.scss b/tiles/assets/layout/styles/layout/layout.scss deleted file mode 100644 index bf4e957..0000000 --- a/tiles/assets/layout/styles/layout/layout.scss +++ /dev/null @@ -1,24 +0,0 @@ -$breakpoint:992px !default; -$scale:14px !default; - -@import './_fonts'; -@import './_animation'; -@import './_layout_light'; -@import './_layout_dim'; -@import './_layout_dark'; -@import './_main'; -@import './_sidebar_vertical'; -@import './_sidebar_slim'; -@import './_sidebar_slim_plus'; -@import './_sidebar_horizontal'; -@import './_sidebar_reveal'; -@import './_sidebar_drawer'; -@import './menutheme/_menutheme'; -@import './_responsive'; -@import './_topbar'; -@import './_breadcrumb'; -@import './_profile'; -@import './_config'; -@import './_content'; -@import './_typography'; -@import './_utils'; diff --git a/tiles/assets/layout/styles/layout/menutheme/_colorscheme.scss b/tiles/assets/layout/styles/layout/menutheme/_colorscheme.scss deleted file mode 100644 index 38f0059..0000000 --- a/tiles/assets/layout/styles/layout/menutheme/_colorscheme.scss +++ /dev/null @@ -1,11 +0,0 @@ -.layout-colorscheme-menu { - --logo-color: var(--primary-color); - --menu-bg: var(--surface-overlay); - --root-menuitem-text-color: var(--primary-color); - --menuitem-text-color: var(--text-color); - --menuitem-icon-color: var(--primary-color); - --menuitem-hover-bg-color: var(--surface-hover); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/menutheme/_menutheme.scss b/tiles/assets/layout/styles/layout/menutheme/_menutheme.scss deleted file mode 100644 index 515da30..0000000 --- a/tiles/assets/layout/styles/layout/menutheme/_menutheme.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import './_colorscheme'; -@import './_primarycolor'; -@import './_transparent'; \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/menutheme/_primarycolor.scss b/tiles/assets/layout/styles/layout/menutheme/_primarycolor.scss deleted file mode 100644 index b345b0d..0000000 --- a/tiles/assets/layout/styles/layout/menutheme/_primarycolor.scss +++ /dev/null @@ -1,16 +0,0 @@ -.layout-primarycolor-menu { - --logo-color: var(--primary-color-text); - --menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600)); - --root-menuitem-text-color: var(--primary-color-text); - --menuitem-text-color: var(--primary-color-text); - --menuitem-icon-color: var(--primary-color-text); - --menuitem-hover-bg-color: rgba(255,255,255,.1); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} - -.layout-dark.layout-primarycolor-menu, -.layout-dim.layout-primarycolor-menu { - --menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500)); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/menutheme/_transparent.scss b/tiles/assets/layout/styles/layout/menutheme/_transparent.scss deleted file mode 100644 index 947ac43..0000000 --- a/tiles/assets/layout/styles/layout/menutheme/_transparent.scss +++ /dev/null @@ -1,26 +0,0 @@ -.layout-transparent-menu { - --logo-color: var(--primary-color); - --menu-bg: var(--surface-overlay); - --root-menuitem-text-color: var(--primary-color); - --menuitem-text-color: var(--text-color); - --menuitem-icon-color: var(--primary-color); - --menuitem-hover-bg-color: var(--surface-hover); - --popup-submenu-item-text-color: var(--text-color); - --popup-submenu-item-icon-color: var(--primary-color); - --popup-submenu-item-hover-bg-color: var(--surface-hover); -} - -@media screen and (min-width: $breakpoint) { - .layout-container.layout-transparent-menu { - &.layout-static, - &.layout-slim, - &.layout-slim-plus, - &.layout-horizontal { - .layout-sidebar { - background-color: transparent; - border-right: 1px solid transparent; - box-shadow: none; - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/layout/preloading.css b/tiles/assets/layout/styles/layout/preloading.css deleted file mode 100644 index 1f51479..0000000 --- a/tiles/assets/layout/styles/layout/preloading.css +++ /dev/null @@ -1,77 +0,0 @@ -.layout-preloader-container { - display: flex; - align-items: center; - justify-content: center; - height: 100vh; - width: 100vw; - background-color: #111417; -} -.layout-preloader-container .layout-preloader { - position: relative; - width: 75px; - height: 75px; - background: transparent; - border: 3px solid #161a1f; - border-radius: 50%; - text-align: center; - line-height: 150px; - font-family: sans-serif; - font-size: 20px; - color: #6366F1; - letter-spacing: 4px; - text-transform: uppercase; - text-shadow: 0 0 10px #6366F1; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -} -.layout-preloader-container .layout-preloader:before { - content: ""; - position: absolute; - top: -3px; - left: -3px; - width: 100%; - height: 100%; - border: 3px solid transparent; - border-top: 3px solid #6366F1; - border-right: 3px solid #6366F1; - border-radius: 50%; - animation: preloader-rotate-c 1s linear infinite; -} -.layout-preloader-container .layout-preloader span { - display: block; - position: absolute; - top: calc(50% - 2px); - left: 50%; - width: 50%; - height: 4px; - background: transparent; - transform-origin: left; - animation: preloader-rotate 1s linear infinite; -} -.layout-preloader-container .layout-preloader span:before { - content: ""; - position: absolute; - width: 16px; - height: 16px; - border-radius: 50%; - background: #6366F1; - top: -6px; - right: -8px; - box-shadow: 0 0 20px #6366F1; -} - -@keyframes preloader-rotate-c { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -@keyframes preloader-rotate { - 0% { - transform: rotate(45deg); - } - 100% { - transform: rotate(405deg); - } -} diff --git a/tiles/assets/layout/styles/layout/preloading.scss b/tiles/assets/layout/styles/layout/preloading.scss deleted file mode 100644 index c076abd..0000000 --- a/tiles/assets/layout/styles/layout/preloading.scss +++ /dev/null @@ -1,84 +0,0 @@ -.layout-preloader-container { - display: flex; - align-items: center; - justify-content: center; - height: 100vh; - width: 100vw; - background-color: #111417; - - .layout-preloader { - position: relative; - width: 75px; - height: 75px; - background: transparent; - border: 3px solid #161a1f; - border-radius: 50%; - text-align: center; - line-height: 150px; - font-family: sans-serif; - font-size: 20px; - color: #6366F1; - letter-spacing: 4px; - text-transform: uppercase; - text-shadow: 0 0 10px #6366F1; - box-shadow: 0 0 20px rgba(0, 0, 0, .5); - - &:before { - content: ''; - position: absolute; - top: -3px; - left: -3px; - width: 100%; - height: 100%; - border: 3px solid transparent; - border-top: 3px solid #6366F1; - border-right: 3px solid #6366F1; - border-radius: 50%; - animation: preloader-rotate-c 1s linear infinite; - } - - span { - display: block; - position: absolute; - top: calc(50% - 2px); - left: 50%; - width: 50%; - height: 4px; - background: transparent; - transform-origin: left; - animation: preloader-rotate 1s linear infinite; - } - - span:before { - content: ''; - position: absolute; - width: 16px; - height: 16px; - border-radius: 50%; - background: #6366F1; - top: -6px; - right: -8px; - box-shadow: 0 0 20px #6366F1; - } - } -} - -@keyframes preloader-rotate-c { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -@keyframes preloader-rotate { - 0% { - transform: rotate(45deg); - } - - 100% { - transform: rotate(405deg); - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/extensions/_fullcalendar.scss b/tiles/assets/layout/styles/theme/extensions/_fullcalendar.scss deleted file mode 100644 index 01f6b2c..0000000 --- a/tiles/assets/layout/styles/theme/extensions/_fullcalendar.scss +++ /dev/null @@ -1,328 +0,0 @@ -.fc { - /* FullCalendar 4 */ - &.fc-unthemed { - .fc-view-container { - th { - background: $panelHeaderBg; - border: $panelHeaderBorder; - color: $panelHeaderTextColor; - } - - td { - &.fc-widget-content { - border: $panelContentBorder; - color: $panelContentTextColor; - } - - &.fc-head-container { - border: $panelHeaderBorder; - } - } - - .fc-view { - background: $panelContentBg; - } - - .fc-row { - border-right: $panelHeaderBorder; - } - - .fc-event { - background: $fullCalendarEventBg; - border: $fullCalendarEventBorder; - color: $fullCalendarEventTextColor; - } - - .fc-divider { - background: $panelHeaderBg; - border: $panelHeaderBorder; - } - } - - .fc-toolbar { - .fc-button { - color: $buttonTextColor; - background: $buttonBg; - border: $buttonBorder; - font-size: $fontSize; - transition: $formElementTransition; - border-radius: $borderRadius; - display: flex; - align-items: center; - - &:enabled:hover { - background: $buttonHoverBg; - color: $buttonTextHoverColor; - border-color: $buttonHoverBorderColor; - } - - &:enabled:active { - background: $buttonActiveBg; - color: $buttonTextActiveColor; - border-color: $buttonActiveBorderColor; - - &:focus { - @include focused(); - } - } - - .fc-icon-chevron-left { - font-family: 'PrimeIcons' !important; - text-indent: 0; - @include icon_override("\e900"); - font-size: $primeIconFontSize; - } - - .fc-icon-chevron-right { - font-family: 'PrimeIcons' !important; - text-indent: 0; - @include icon_override("\e901"); - font-size: $primeIconFontSize; - } - - &:focus { - @include focused(); - } - - &.fc-dayGridMonth-button, - &.fc-timeGridWeek-button, - &.fc-timeGridDay-button { - background: $toggleButtonBg; - border: $toggleButtonBorder; - color: $toggleButtonTextColor; - transition: $formElementTransition; - - &:hover { - background: $toggleButtonHoverBg; - border-color: $toggleButtonHoverBorderColor; - color: $toggleButtonTextHoverColor; - } - - &.fc-button-active { - background: $toggleButtonActiveBg; - border-color: $toggleButtonActiveBorderColor; - color: $toggleButtonTextActiveColor; - - &:hover { - background: $toggleButtonActiveHoverBg; - border-color: $toggleButtonActiveHoverBorderColor; - color: $toggleButtonTextActiveHoverColor; - } - } - - &:focus { - @include focused(); - z-index: 1; - } - } - } - - .fc-button-group { - .fc-button { - border-radius: 0; - - &:first-child { - border-top-left-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - - &:last-child { - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - } - } - } - } - - /* FullCalendar 5 */ - &.fc-theme-standard { - .fc-view-harness { - .fc-scrollgrid { - border-color: $panelContentBorderColor; - } - - th { - background: $panelHeaderBg; - border-color: $panelHeaderBorderColor; - color: $panelHeaderTextColor; - } - - td { - color: $panelContentTextColor; - border-color: $panelContentBorderColor; - } - - .fc-view { - background: $panelContentBg; - } - - .fc-popover { - background: none; - border: 0 none; - - .fc-popover-header { - border: $panelHeaderBorder; - padding: $panelHeaderPadding; - background: $panelHeaderBg; - color: $panelHeaderTextColor; - - .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: 'PrimeIcons' !important; - @include icon_override("\e90b"); - font-size: $primeIconFontSize; - @include action-icon(false); - } - } - - .fc-popover-body { - padding: $panelContentPadding; - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - border-top: 0 none; - } - } - - .fc-event { - &.fc-daygrid-block-event { - color: $fullCalendarEventTextColor; - background: $fullCalendarEventBg; - border-color: $fullCalendarEventBorderColor; - - .fc-event-main { - color: $fullCalendarEventTextColor; - } - } - - &.fc-daygrid-dot-event { - .fc-daygrid-event-dot { - background: $fullCalendarEventBg; - border-color: $fullCalendarEventBorderColor; - } - - &:hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - } - } - - .fc-cell-shaded { - background: $panelHeaderBg; - } - } - - .fc-toolbar { - .fc-button { - color: $buttonTextColor; - background: $buttonBg; - border: $buttonBorder; - font-size: $fontSize; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:enabled:hover { - background: $buttonHoverBg; - color: $buttonTextHoverColor; - border-color: $buttonHoverBorderColor; - } - - &:enabled:active { - background: $buttonActiveBg; - color: $buttonTextActiveColor; - border-color: $buttonActiveBorderColor; - - &:focus { - @include focused(); - } - } - - &:disabled { - opacity: $disabledOpacity; - color: $buttonTextColor; - background: $buttonBg; - border: $buttonBorder; - } - - .fc-icon-chevron-left { - font-family: 'PrimeIcons' !important; - text-indent: 0; - @include icon_override("\e900"); - font-size: $primeIconFontSize; - } - - .fc-icon-chevron-right { - font-family: 'PrimeIcons' !important; - text-indent: 0; - @include icon_override("\e901"); - font-size: $primeIconFontSize; - } - - &:focus { - @include focused(); - } - - &.fc-dayGridMonth-button, - &.fc-timeGridWeek-button, - &.fc-timeGridDay-button { - background: $toggleButtonBg; - border: $toggleButtonBorder; - color: $toggleButtonTextColor; - transition: $formElementTransition; - - &:hover { - background: $toggleButtonHoverBg; - border-color: $toggleButtonHoverBorderColor; - color: $toggleButtonTextHoverColor; - } - - &.fc-button-active { - background: $toggleButtonActiveBg; - border-color: $toggleButtonActiveBorderColor; - color: $toggleButtonTextActiveColor; - - &:hover { - background: $toggleButtonActiveHoverBg; - border-color: $toggleButtonActiveHoverBorderColor; - color: $toggleButtonTextActiveHoverColor; - } - } - - &:not(:disabled) { - &:focus { - @include focused(); - z-index: 1; - } - } - } - } - - .fc-button-group { - .fc-button { - border-radius: 0; - - &:first-child { - border-top-left-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - - &:last-child { - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - } - } - } - - .fc-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/_colors.scss b/tiles/assets/layout/styles/theme/theme-base/_colors.scss deleted file mode 100644 index 2dca1c9..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/_colors.scss +++ /dev/null @@ -1,18 +0,0 @@ -:root { - @if variable-exists(colors) { - @each $name, $color in $colors { - @for $i from 0 through 5 { - @if ($i == 0) { - --#{$name}-50:#{tint($color, (5 - $i) * 19%)}; - } - @else { - --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)}; - } - } - - @for $i from 1 through 4 { - --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)}; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/_common.scss b/tiles/assets/layout/styles/theme/theme-base/_common.scss deleted file mode 100644 index 7bfaa18..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/_common.scss +++ /dev/null @@ -1,75 +0,0 @@ -* { - box-sizing: border-box; -} - -.p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $fontSize; - font-weight: $fontWeight; -} - -.p-component-overlay { - background-color: $maskBg; - transition-duration: $transitionDuration; -} - -.p-disabled, .p-component:disabled { - opacity: $disabledOpacity; -} - -.p-error { - color: $errorColor; -} - -.p-text-secondary { - color: $textSecondaryColor; -} - -.pi { - font-size: $primeIconFontSize; -} - -.p-icon { - width: $primeIconFontSize; - height: $primeIconFontSize; -} - -.p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $fontSize; - border-radius: $borderRadius; - - &:focus-visible { - @include focused(); - } -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -.p-component-overlay { - @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; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/_components.scss b/tiles/assets/layout/styles/theme/theme-base/_components.scss deleted file mode 100644 index 67aad26..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/_components.scss +++ /dev/null @@ -1,106 +0,0 @@ -@import '_mixins'; -@import '_colors'; - -@import './components/input/_editor'; - -@layer primeng { - @import '_common'; - - //Input - @import './components/input/_autocomplete'; - @import './components/input/_calendar'; - @import './components/input/_cascadeselect'; - @import './components/input/_checkbox'; - @import './components/input/_chips'; - @import './components/input/_colorpicker'; - @import './components/input/_dropdown'; - - @import './components/input/_inputgroup'; - @import './components/input/_inputmask'; - @import './components/input/_inputnumber'; - @import './components/input/_inputswitch'; - @import './components/input/_inputtext'; - @import './components/input/_listbox'; - @import './components/input/_multiselect'; - @import './components/input/_password'; - @import './components/input/_radiobutton'; - @import './components/input/_rating'; - @import './components/input/_selectbutton'; - @import './components/input/_slider'; - @import './components/input/_togglebutton'; - @import './components/input/_treeselect'; - - //Button - @import './components/button/_button'; - @import './components/button/_speeddial'; - @import './components/button/_splitbutton'; - - //Data - @import './components/data/_carousel'; - @import './components/data/_datatable'; - @import './components/data/_dataview'; - @import './components/data/_filter'; - @import './components/data/_orderlist'; - @import './components/data/_organizationchart'; - @import './components/data/_paginator'; - @import './components/data/_picklist'; - @import './components/data/_timeline'; - @import './components/data/_tree'; - @import './components/data/_treetable'; - @import './components/data/_virtualscroller'; - - //Panel - @import './components/panel/_accordion'; - @import './components/panel/_card'; - @import './components/panel/_divider'; - @import './components/panel/_fieldset'; - @import './components/panel/_panel'; - @import './components/panel/_scrollpanel'; - @import './components/panel/_splitter'; - @import './components/panel/_tabview'; - @import './components/panel/_toolbar'; - - //Overlay - @import './components/overlay/_confirmpopup'; - @import './components/overlay/_dialog'; - @import './components/overlay/_overlaypanel'; - @import './components/overlay/_sidebar'; - @import './components/overlay/_tooltip'; - - //File - @import './components/file/_fileupload'; - - //Menu - @import './components/menu/_breadcrumb'; - @import './components/menu/_contextmenu'; - @import './components/menu/_dock'; - @import './components/menu/_megamenu'; - @import './components/menu/_menu'; - @import './components/menu/_menubar'; - @import './components/menu/_panelmenu'; - @import './components/menu/_slidemenu'; - @import './components/menu/_steps'; - @import './components/menu/_tabmenu'; - @import './components/menu/_tieredmenu'; - - //Messages - @import './components/messages/_inlinemessage'; - @import './components/messages/_message'; - @import 'components/messages/toast'; - - //MultiMedia - @import './components/multimedia/_galleria'; - @import './components/multimedia/_image'; - - //Misc - @import './components/misc/_avatar'; - @import './components/misc/_badge'; - @import './components/misc/_blockui'; - @import './components/misc/_chip'; - @import './components/misc/_inplace'; - @import './components/misc/_progressbar'; - @import './components/misc/_scrolltop'; - @import './components/misc/_skeleton'; - @import './components/misc/_tag'; - @import './components/misc/_terminal'; -} diff --git a/tiles/assets/layout/styles/theme/theme-base/_mixins.scss b/tiles/assets/layout/styles/theme/theme-base/_mixins.scss deleted file mode 100644 index 65f3514..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/_mixins.scss +++ /dev/null @@ -1,337 +0,0 @@ -@mixin icon-override($icon) { - &:before { - content: $icon; - } -} - -@mixin focused() { - outline: $focusOutline; - outline-offset: $focusOutlineOffset; - box-shadow: $focusShadow; -} - -@mixin focused-inset() { - outline: $focusOutline; - outline-offset: $focusOutlineOffset; - box-shadow: inset $focusShadow; -} - -@mixin focused-input() { - @include focused(); - border-color: $inputFocusBorderColor; -} - -@mixin focused-listitem() { - outline: $focusOutline; - outline-offset: $focusOutlineOffset; - box-shadow: $inputListItemFocusShadow; -} - -@mixin invalid-input() { - border-color: $inputErrorBorderColor; -} - -@mixin menuitem-link { - padding: $menuitemPadding; - color: $menuitemTextColor; - border-radius: $menuitemBorderRadius; - transition: $listItemTransition; - user-select: none; - - .p-menuitem-text { - color: $menuitemTextColor; - } - - .p-menuitem-icon { - color: $menuitemIconColor; - margin-right: $inlineSpacing; - } - - .p-submenu-icon { - color: $menuitemIconColor; - } - - &:not(.p-disabled):hover { - background: $menuitemHoverBg; - - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-menuitem-icon { - color: $menuitemIconHoverColor; - } - - .p-submenu-icon { - color: $menuitemIconHoverColor; - } - } - - &:focus { - @include focused-listitem(); - } -} - -@mixin menuitem { - > .p-menuitem-content { - color: $menuitemTextColor; - transition: $listItemTransition; - border-radius: $menuitemBorderRadius; - - .p-menuitem-link { - color: $menuitemTextColor; - padding: $menuitemPadding; - user-select: none; - - .p-menuitem-text { - color: $menuitemTextColor; - } - - .p-menuitem-icon { - color: $menuitemIconColor; - margin-right: $inlineSpacing; - } - - .p-submenu-icon { - color: $menuitemIconColor; - } - } - } - - &.p-highlight { - > .p-menuitem-content { - color: $menuitemTextActiveColor; - background: $menuitemActiveBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextActiveColor; - } - - .p-menuitem-icon, - .p-submenu-icon { - color: $menuitemIconActiveColor; - } - } - } - - &.p-focus { - > .p-menuitem-content { - background: $menuitemActiveFocusBg; - } - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - > .p-menuitem-content { - color: $menuitemTextFocusColor; - background: $menuitemFocusBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextFocusColor; - } - - .p-menuitem-icon, - .p-submenu-icon { - color: $menuitemIconFocusColor; - } - } - } - } - - > .p-menuitem-content { - &:hover { - color: $menuitemTextHoverColor; - background: $menuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-menuitem-icon, - .p-submenu-icon { - color: $menuitemIconHoverColor; - } - } - } - } - } -} - -@mixin horizontal-rootmenuitem-link { - padding: $horizontalMenuRootMenuitemPadding; - color: $horizontalMenuRootMenuitemTextColor; - border-radius: $horizontalMenuRootMenuitemBorderRadius; - transition: $listItemTransition; - user-select: none; - - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextColor; - } - - .p-menuitem-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-right: $inlineSpacing; - } - - .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-left: $inlineSpacing; - } - - &:not(.p-disabled):hover { - background: $horizontalMenuRootMenuitemHoverBg; - - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextHoverColor; - } - - .p-menuitem-icon { - color: $horizontalMenuRootMenuitemIconHoverColor; - } - - .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconHoverColor; - } - } - - &:focus { - @include focused-listitem(); - } -} - -@mixin horizontal-rootmenuitem { - > .p-menuitem-content { - color: $horizontalMenuRootMenuitemTextColor; - transition: $listItemTransition; - border-radius: $horizontalMenuRootMenuitemBorderRadius; - - .p-menuitem-link { - padding: $horizontalMenuRootMenuitemPadding; - user-select: none; - - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextColor; - } - - .p-menuitem-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-right: $inlineSpacing; - } - - .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-left: $inlineSpacing; - } - } - } - - &:not(.p-highlight):not(.p-disabled) { - > .p-menuitem-content { - &:hover { - color: $horizontalMenuRootMenuitemTextHoverColor; - background: $horizontalMenuRootMenuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextHoverColor; - } - - .p-menuitem-icon, - .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconHoverColor; - } - } - } - } - } -} - -@mixin placeholder { - ::-webkit-input-placeholder { - @content; - } - :-moz-placeholder { - @content; - } - ::-moz-placeholder { - @content; - } - :-ms-input-placeholder { - @content; - } -} - -@mixin scaledPadding($val, $scale) { - padding: nth($val, 1) * $scale nth($val, 2) * $scale; -} - -@mixin scaledFontSize($val, $scale) { - font-size: $val * $scale; -} - -@mixin nested-submenu-indents($val, $index, $length) { - .p-submenu-list { - .p-menuitem { - .p-menuitem-content { - .p-menuitem-link { - padding-left: $val * ($index + 1); - } - } - @if $index < $length { - @include nested-submenu-indents($val, $index + 2, $length); - } - } - } -} - -@mixin action-icon($enabled: true) { - width: $actionIconWidth; - height: $actionIconHeight; - color: $actionIconColor; - border: $actionIconBorder; - background: $actionIconBg; - border-radius: $actionIconBorderRadius; - transition: $actionIconTransition; - - &:enabled:hover { - color: $actionIconHoverColor; - border-color: $actionIconHoverBorderColor; - background: $actionIconHoverBg; - } - - &:focus-visible { - @include focused(); - } -} - -@function tint($color, $percentage) { - @return mix(#fff, $color, $percentage); -} - -@function shade($color, $percentage) { - @return mix(#000, $color, $percentage); -} - -@mixin focused-inset() { - outline: $focusOutline; - outline-offset: $focusOutlineOffset; - box-shadow: inset $focusShadow; -} - -@mixin menuitem-badge { - background: $badgeBg; - color: $badgeTextColor; - font-size: $badgeFontSize; - font-weight: $badgeFontWeight; - min-width: $badgeMinWidth; - height: $badgeHeight; - line-height: $badgeHeight; - border-radius: $borderRadius; - margin-left: $inlineSpacing; - padding-left: $inlineSpacing; - padding-right: $inlineSpacing; -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/button/_button.scss b/tiles/assets/layout/styles/theme/theme-base/components/button/_button.scss deleted file mode 100644 index 02b259a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/button/_button.scss +++ /dev/null @@ -1,576 +0,0 @@ -.p-button { - color: $buttonTextColor; - background: $buttonBg; - border: $buttonBorder; - padding: $buttonPadding; - font-size: $fontSize; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:not(:disabled):hover { - background: $buttonHoverBg; - color: $buttonTextHoverColor; - border-color: $buttonHoverBorderColor; - } - - &:not(:disabled):active { - background: $buttonActiveBg; - color: $buttonTextActiveColor; - border-color: $buttonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $buttonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($buttonBg, $textButtonHoverBgOpacity); - color: $buttonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($buttonBg, $textButtonActiveBgOpacity); - color: $buttonBg; - border: $outlinedButtonBorder; - } - - &.p-button-plain { - color: $plainButtonTextColor; - border-color: $plainButtonTextColor; - - &:not(:disabled):hover { - background: $plainButtonHoverBgColor; - color: $plainButtonTextColor; - } - - &:not(:disabled):active { - background: $plainButtonActiveBgColor; - color: $plainButtonTextColor; - } - } - } - - &.p-button-text { - background-color: transparent; - color: $buttonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($buttonBg, $textButtonHoverBgOpacity); - color: $buttonBg; - border-color: transparent; - } - - &:not(:disabled):active { - background: rgba($buttonBg, $textButtonActiveBgOpacity); - color: $buttonBg; - border-color: transparent; - } - - &.p-button-plain { - color: $plainButtonTextColor; - - &:not(:disabled):hover { - background: $plainButtonHoverBgColor; - color: $plainButtonTextColor; - } - - &:not(:disabled):active { - background: $plainButtonActiveBgColor; - color: $plainButtonTextColor; - } - } - } - - &:focus { - @include focused(); - } - - .p-button-label { - transition-duration: $transitionDuration; - } - - .p-button-icon-left { - margin-right: $inlineSpacing; - } - - .p-button-icon-right { - margin-left: $inlineSpacing; - } - - .p-button-icon-bottom { - margin-top: $inlineSpacing; - } - - .p-button-icon-top { - margin-bottom: $inlineSpacing; - } - - .p-badge { - margin-left: $inlineSpacing; - min-width: $fontSize; - height: $fontSize; - line-height: $fontSize; - color: $buttonBg; - background-color: $buttonTextColor; - } - - &.p-button-raised { - box-shadow: $raisedButtonShadow; - } - - &.p-button-rounded { - border-radius: $roundedButtonBorderRadius; - } - - &.p-button-icon-only { - width: $buttonIconOnlyWidth; - padding: $buttonIconOnlyPadding; - - .p-button-icon-left, - .p-button-icon-right { - margin: 0; - } - - &.p-button-rounded { - border-radius: 50%; - height: $buttonIconOnlyWidth; - } - } - - &.p-button-sm { - @include scaledFontSize($fontSize, $scaleSM); - @include scaledPadding($buttonPadding, $scaleSM); - - .p-button-icon { - @include scaledFontSize($primeIconFontSize, $scaleSM); - } - } - - &.p-button-lg { - @include scaledFontSize($fontSize, $scaleLG); - @include scaledPadding($buttonPadding, $scaleLG); - - .p-button-icon { - @include scaledFontSize($primeIconFontSize, $scaleLG); - } - } - - &.p-button-loading-label-only { - .p-button-label { - margin-left: $inlineSpacing; - } - - .p-button-loading-icon { - margin-right: 0; - } - } -} - -.p-fluid { - .p-button { - width: 100%; - } - - .p-button-icon-only { - width: $buttonIconOnlyWidth; - } - - .p-buttonset { - display: flex; - - .p-button { - flex: 1; - } - } -} - -.p-button.p-button-secondary, -.p-buttonset.p-button-secondary > .p-button, -.p-splitbutton.p-button-secondary > .p-button { - color: $secondaryButtonTextColor; - background: $secondaryButtonBg; - border: $secondaryButtonBorder; - - &:not(:disabled):hover { - background: $secondaryButtonHoverBg; - color: $secondaryButtonTextHoverColor; - border-color: $secondaryButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $secondaryButtonFocusShadow; - } - - &:not(:disabled):active { - background: $secondaryButtonActiveBg; - color: $secondaryButtonTextActiveColor; - border-color: $secondaryButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $secondaryButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); - color: $secondaryButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); - color: $secondaryButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $secondaryButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $secondaryButtonBg; - } - - &:not(:disabled):active { - background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $secondaryButtonBg; - } - } -} - -.p-button.p-button-info, -.p-buttonset.p-button-info > .p-button, -.p-splitbutton.p-button-info > .p-button { - color: $infoButtonTextColor; - background: $infoButtonBg; - border: $infoButtonBorder; - - &:not(:disabled):hover { - background: $infoButtonHoverBg; - color: $infoButtonTextHoverColor; - border-color: $infoButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $infoButtonFocusShadow; - } - - &:not(:disabled):active { - background: $infoButtonActiveBg; - color: $infoButtonTextActiveColor; - border-color: $infoButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $infoButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($infoButtonBg, $textButtonHoverBgOpacity); - color: $infoButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($infoButtonBg, $textButtonActiveBgOpacity); - color: $infoButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $infoButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($infoButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $infoButtonBg; - } - - &:not(:disabled):active { - background: rgba($infoButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $infoButtonBg; - } - } -} - -.p-button.p-button-success, -.p-buttonset.p-button-success > .p-button, -.p-splitbutton.p-button-success > .p-button { - color: $successButtonTextColor; - background: $successButtonBg; - border: $successButtonBorder; - - &:not(:disabled):hover { - background: $successButtonHoverBg; - color: $successButtonTextHoverColor; - border-color: $successButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $successButtonFocusShadow; - } - - &:not(:disabled):active { - background: $successButtonActiveBg; - color: $successButtonTextActiveColor; - border-color: $successButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $successButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($successButtonBg, $textButtonHoverBgOpacity); - color: $successButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($successButtonBg, $textButtonActiveBgOpacity); - color: $successButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $successButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($successButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $successButtonBg; - } - - &:not(:disabled):active { - background: rgba($successButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $successButtonBg; - } - } -} - -.p-button.p-button-warning, -.p-buttonset.p-button-warning > .p-button, -.p-splitbutton.p-button-warning > .p-button { - color: $warningButtonTextColor; - background: $warningButtonBg; - border: $warningButtonBorder; - - &:not(:disabled):hover { - background: $warningButtonHoverBg; - color: $warningButtonTextHoverColor; - border-color: $warningButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $warningButtonFocusShadow; - } - - &:not(:disabled):active { - background: $warningButtonActiveBg; - color: $warningButtonTextActiveColor; - border-color: $warningButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $warningButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($warningButtonBg, $textButtonHoverBgOpacity); - color: $warningButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($warningButtonBg, $textButtonActiveBgOpacity); - color: $warningButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $warningButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($warningButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $warningButtonBg; - } - - &:not(:disabled):active { - background: rgba($warningButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $warningButtonBg; - } - } -} - -.p-button.p-button-help, -.p-buttonset.p-button-help > .p-button, -.p-splitbutton.p-button-help > .p-button { - color: $helpButtonTextColor; - background: $helpButtonBg; - border: $helpButtonBorder; - - &:not(:disabled):hover { - background: $helpButtonHoverBg; - color: $helpButtonTextHoverColor; - border-color: $helpButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $helpButtonFocusShadow; - } - - &:not(:disabled):active { - background: $helpButtonActiveBg; - color: $helpButtonTextActiveColor; - border-color: $helpButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $helpButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($helpButtonBg, $textButtonHoverBgOpacity); - color: $helpButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($helpButtonBg, $textButtonActiveBgOpacity); - color: $helpButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $helpButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($helpButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $helpButtonBg; - } - - &:not(:disabled):active { - background: rgba($helpButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $helpButtonBg; - } - } -} - -.p-button.p-button-danger, -.p-buttonset.p-button-danger > .p-button, -.p-splitbutton.p-button-danger > .p-button { - color: $dangerButtonTextColor; - background: $dangerButtonBg; - border: $dangerButtonBorder; - - &:not(:disabled):hover { - background: $dangerButtonHoverBg; - color: $dangerButtonTextHoverColor; - border-color: $dangerButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $dangerButtonFocusShadow; - } - - &:not(:disabled):active { - background: $dangerButtonActiveBg; - color: $dangerButtonTextActiveColor; - border-color: $dangerButtonActiveBorderColor; - } - - &.p-button-outlined { - background-color: transparent; - color: $dangerButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); - color: $dangerButtonBg; - border: $outlinedButtonBorder; - } - - &:not(:disabled):active { - background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); - color: $dangerButtonBg; - border: $outlinedButtonBorder; - } - } - - &.p-button-text { - background-color: transparent; - color: $dangerButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $dangerButtonBg; - } - - &:not(:disabled):active { - background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $dangerButtonBg; - } - } -} - -.p-button.p-button-link { - color: $linkButtonColor; - background: transparent; - border: transparent; - - &:not(:disabled):hover { - background: transparent; - color: $linkButtonHoverColor; - border-color: transparent; - - .p-button-label { - text-decoration: $linkButtonTextHoverDecoration; - } - } - - &:not(:disabled):focus { - background: transparent; - box-shadow: $linkButtonFocusShadow; - border-color: transparent; - } - - &:not(:disabled):active { - background: transparent; - color: $linkButtonColor; - border-color: transparent; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/button/_speeddial.scss b/tiles/assets/layout/styles/theme/theme-base/components/button/_speeddial.scss deleted file mode 100644 index c446c7b..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/button/_speeddial.scss +++ /dev/null @@ -1,96 +0,0 @@ -@use 'sass:math'; - -.p-speeddial-button { - &.p-button.p-button-icon-only { - width: $speedDialButtonWidth; - height: $speedDialButtonHeight; - - .p-button-icon { - font-size: $speedDialButtonIconFontSize; - } - - .p-icon { - width: $speedDialButtonIconFontSize; - height: $speedDialButtonIconFontSize; - } - } -} - -.p-speeddial-list { - outline: 0 none; -} - -.p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused(); - } -} - -.p-speeddial-action { - width: $speedDialActionWidth; - height: $speedDialActionHeight; - background: $speedDialActionBg; - color: $speedDialActionTextColor; - - &:hover { - background: $speedDialActionHoverBg; - color: $speedDialActionTextHoverColor; - } -} - -.p-speeddial-direction-up { - .p-speeddial-item { - margin: math.div($inlineSpacing, 2) 0; - - &:first-child { - margin-bottom: $inlineSpacing; - } - } -} - -.p-speeddial-direction-down { - .p-speeddial-item { - margin: math.div($inlineSpacing, 2) 0; - - &:first-child { - margin-top: $inlineSpacing; - } - } -} - -.p-speeddial-direction-left { - .p-speeddial-item { - margin: 0 math.div($inlineSpacing, 2); - - &:first-child { - margin-right: $inlineSpacing; - } - } -} - -.p-speeddial-direction-right { - .p-speeddial-item { - margin: 0 math.div($inlineSpacing, 2); - - &:first-child { - margin-left: $inlineSpacing; - } - } -} - -.p-speeddial-circle, -.p-speeddial-semi-circle, -.p-speeddial-quarter-circle { - .p-speeddial-item { - margin: 0; - - &:first-child, - &:last-child { - margin: 0; - } - } -} - -.p-speeddial-mask { - background-color: $maskBg; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/button/_splitbutton.scss b/tiles/assets/layout/styles/theme/theme-base/components/button/_splitbutton.scss deleted file mode 100644 index 02e14db..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/button/_splitbutton.scss +++ /dev/null @@ -1,354 +0,0 @@ -.p-splitbutton { - border-radius: $borderRadius; - - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $buttonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($buttonBg, $textButtonHoverBgOpacity); - color: $buttonBg; - } - - &:not(:disabled):active { - background: rgba($buttonBg, $textButtonActiveBgOpacity); - color: $buttonBg; - } - } - - &.p-button-plain { - > .p-button { - color: $plainButtonTextColor; - border-color: $plainButtonTextColor; - - &:not(:disabled):hover { - background: $plainButtonHoverBgColor; - color: $plainButtonTextColor; - } - - &:not(:disabled):active { - background: $plainButtonActiveBgColor; - color: $plainButtonTextColor; - } - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $buttonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($buttonBg, $textButtonHoverBgOpacity); - color: $buttonBg; - border-color: transparent; - } - - &:not(:disabled):active { - background: rgba($buttonBg, $textButtonActiveBgOpacity); - color: $buttonBg; - border-color: transparent; - } - } - - &.p-button-plain { - > .p-button { - color: $plainButtonTextColor; - - &:not(:disabled):hover { - background: $plainButtonHoverBgColor; - color: $plainButtonTextColor; - } - - &:not(:disabled):active { - background: $plainButtonActiveBgColor; - color: $plainButtonTextColor; - } - } - } - } - - &.p-button-raised { - box-shadow: $raisedButtonShadow; - } - - &.p-button-rounded { - border-radius: $roundedButtonBorderRadius; - - > .p-button { - border-radius: $roundedButtonBorderRadius; - } - } - - &.p-button-sm { - > .p-button { - @include scaledFontSize($fontSize, $scaleSM); - @include scaledPadding($buttonPadding, $scaleSM); - - .p-button-icon { - @include scaledFontSize($primeIconFontSize, $scaleSM); - } - } - } - - &.p-button-lg { - > .p-button { - @include scaledFontSize($fontSize, $scaleLG); - @include scaledPadding($buttonPadding, $scaleLG); - - .p-button-icon { - @include scaledFontSize($primeIconFontSize, $scaleLG); - } - } - } -} - -.p-splitbutton.p-button-secondary { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $secondaryButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); - color: $secondaryButtonBg; - } - - &:not(:disabled):active { - background: rgba( - $secondaryButtonBg, - $textButtonActiveBgOpacity - ); - color: $secondaryButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $secondaryButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $secondaryButtonBg; - } - - &:not(:disabled):active { - background: rgba( - $secondaryButtonBg, - $textButtonActiveBgOpacity - ); - border-color: transparent; - color: $secondaryButtonBg; - } - } - } -} - -.p-splitbutton.p-button-info { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $infoButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($infoButtonBg, $textButtonHoverBgOpacity); - color: $infoButtonBg; - } - - &:not(:disabled):active { - background: rgba($infoButtonBg, $textButtonActiveBgOpacity); - color: $infoButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $infoButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($infoButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $infoButtonBg; - } - - &:not(:disabled):active { - background: rgba($infoButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $infoButtonBg; - } - } - } -} - -.p-splitbutton.p-button-success { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $successButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($successButtonBg, $textButtonHoverBgOpacity); - color: $successButtonBg; - } - - &:not(:disabled):active { - background: rgba($successButtonBg, $textButtonActiveBgOpacity); - color: $successButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $successButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($successButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $successButtonBg; - } - - &:not(:disabled):active { - background: rgba($successButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $successButtonBg; - } - } - } -} - -.p-splitbutton.p-button-warning { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $warningButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($warningButtonBg, $textButtonHoverBgOpacity); - color: $warningButtonBg; - } - - &:not(:disabled):active { - background: rgba($warningButtonBg, $textButtonActiveBgOpacity); - color: $warningButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $warningButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($warningButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $warningButtonBg; - } - - &:not(:disabled):active { - background: rgba($warningButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $warningButtonBg; - } - } - } -} - -.p-splitbutton.p-button-help { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $helpButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($helpButtonBg, $textButtonHoverBgOpacity); - color: $helpButtonBg; - } - - &:not(:disabled):active { - background: rgba($helpButtonBg, $textButtonActiveBgOpacity); - color: $helpButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $helpButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($helpButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $helpButtonBg; - } - - &:not(:disabled):active { - background: rgba($helpButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $helpButtonBg; - } - } - } -} - -.p-splitbutton.p-button-danger { - &.p-button-outlined { - > .p-button { - background-color: transparent; - color: $dangerButtonBg; - border: $outlinedButtonBorder; - - &:not(:disabled):hover { - background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); - color: $dangerButtonBg; - } - - &:not(:disabled):active { - background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); - color: $dangerButtonBg; - } - } - } - - &.p-button-text { - > .p-button { - background-color: transparent; - color: $dangerButtonBg; - border-color: transparent; - - &:not(:disabled):hover { - background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); - border-color: transparent; - color: $dangerButtonBg; - } - - &:not(:disabled):active { - background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); - border-color: transparent; - color: $dangerButtonBg; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_carousel.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_carousel.scss deleted file mode 100644 index 87c5653..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_carousel.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-carousel { - .p-carousel-content { - .p-carousel-prev, - .p-carousel-next { - @include action-icon(); - margin: $inlineSpacing; - } - } - - .p-carousel-indicators { - padding: $carouselIndicatorsPadding; - - .p-carousel-indicator { - margin-right: $inlineSpacing; - margin-bottom: $inlineSpacing; - - button { - background-color: $carouselIndicatorBg; - width: $carouselIndicatorWidth; - height: $carouselIndicatorHeight; - transition: $actionIconTransition; - border-radius: $carouselIndicatorBorderRadius; - - &:hover { - background: $carouselIndicatorHoverBg; - } - } - - &.p-highlight { - button { - background: $highlightBg; - color: $highlightTextColor; - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_datatable.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_datatable.scss deleted file mode 100644 index be343f2..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_datatable.scss +++ /dev/null @@ -1,338 +0,0 @@ -.p-datatable { - .p-paginator-top { - border-width: $tableTopPaginatorBorderWidth; - border-radius: 0; - } - - .p-paginator-bottom { - border-width: $tableBottomPaginatorBorderWidth; - border-radius: 0; - } - - .p-datatable-header { - background: $tableHeaderBg; - color: $tableHeaderTextColor; - border: $tableHeaderBorder; - border-width: $tableHeaderBorderWidth; - padding: $tableHeaderPadding; - font-weight: $tableHeaderFontWeight; - } - - .p-datatable-footer { - background: $tableFooterBg; - color: $tableFooterTextColor; - border: $tableFooterBorder; - border-width: $tableFooterBorderWidth; - padding: $tableFooterPadding; - font-weight: $tableFooterFontWeight; - } - - .p-datatable-thead > tr > th { - text-align: $tableCellContentAlignment; - padding: $tableHeaderCellPadding; - border: $tableHeaderCellBorder; - border-width: $tableHeaderCellBorderWidth; - font-weight: $tableHeaderCellFontWeight; - color: $tableHeaderCellTextColor; - background: $tableHeaderCellBg; - transition: $listItemTransition; - } - - .p-datatable-tfoot > tr > td { - text-align: $tableCellContentAlignment; - padding: $tableFooterCellPadding; - border: $tableFooterCellBorder; - border-width: $tableFooterCellBorderWidth; - font-weight: $tableFooterCellFontWeight; - color: $tableFooterCellTextColor; - background: $tableFooterCellBg; - } - - .p-sortable-column { - .p-sortable-column-icon { - color: $tableHeaderCellIconColor; - margin-left: $inlineSpacing; - } - - .p-sortable-column-badge { - border-radius: 50%; - height: $tableSortableColumnBadgeSize; - min-width: $tableSortableColumnBadgeSize; - line-height: $tableSortableColumnBadgeSize; - color: $highlightTextColor; - background: $highlightBg; - margin-left: $inlineSpacing; - } - - &:not(.p-highlight):hover { - background: $tableHeaderCellHoverBg; - color: $tableHeaderCellTextHoverColor; - - .p-sortable-column-icon { - color: $tableHeaderCellIconHoverColor; - } - } - - &.p-highlight { - background: $tableHeaderCellHighlightBg; - color: $tableHeaderCellHighlightTextColor; - - .p-sortable-column-icon { - color: $tableHeaderCellHighlightTextColor; - } - - &:hover { - background: $tableHeaderCellHighlightHoverBg; - color: $tableHeaderCellHighlightTextColor; - - .p-sortable-column-icon { - color: $tableHeaderCellHighlightTextColor; - } - } - } - - &:focus-visible { - box-shadow: $inputListItemFocusShadow; - outline: 0 none; - } - } - - .p-datatable-tbody { - > tr { - background: $tableBodyRowBg; - color: $tableBodyRowTextColor; - transition: $listItemTransition; - - > td { - text-align: $tableCellContentAlignment; - border: $tableBodyCellBorder; - border-width: $tableBodyCellBorderWidth; - padding: $tableBodyCellPadding; - - .p-row-toggler, - .p-row-editor-init, - .p-row-editor-save, - .p-row-editor-cancel { - @include action-icon(); - } - - .p-row-editor-save { - margin-right: $inlineSpacing; - } - } - - &:focus-visible { - outline: 0.15rem solid $focusOutlineColor; - outline-offset: -0.15rem; - } - - &.p-highlight { - background: $highlightBg; - color: $highlightTextColor; - } - - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $highlightBg; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $highlightBg; - } - } - } - - &.p-datatable-hoverable-rows { - .p-datatable-tbody > tr:not(.p-highlight):hover { - background: $tableBodyRowHoverBg; - color: $tableBodyRowTextHoverColor; - } - } - - .p-column-resizer-helper { - background: $tableResizerHelperBg; - } - - .p-datatable-scrollable-header, - .p-datatable-scrollable-footer { - background: $panelHeaderBg; - } - - &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table, - &.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table { - > .p-datatable-thead, - > .p-datatable-tfoot { - background-color: $tableHeaderCellBg; - } - } - - .p-datatable-loading-icon { - font-size: $loadingIconFontSize; - } - - &.p-datatable-gridlines { - .p-datatable-header { - border-width: 1px 1px 0 1px; - } - - .p-datatable-footer { - border-width: 0 1px 1px 1px; - } - - .p-paginator-top { - border-width: 0 1px 0 1px; - } - - .p-paginator-bottom { - border-width: 0 1px 1px 1px; - } - - .p-datatable-thead { - > tr { - > th { - border-width: 1px 0 1px 1px; - - &:last-child { - border-width: 1px; - } - } - } - } - - .p-datatable-tbody { - > tr { - > td { - border-width: 1px 0 0 1px; - - &:last-child { - border-width: 1px 1px 0 1px; - } - } - - &:last-child { - > td { - border-width: 1px 0 1px 1px; - - &:last-child { - border-width: 1px; - } - } - } - } - } - - .p-datatable-tfoot { - > tr { - > td { - border-width: 1px 0 1px 1px; - - &:last-child { - border-width: 1px 1px 1px 1px; - } - } - } - } - - .p-datatable-thead + .p-datatable-tfoot { - > tr { - > td { - border-width: 0 0 1px 1px; - - &:last-child { - border-width: 0 1px 1px 1px; - } - } - } - } - - &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody { - > tr { - > td { - border-width: 0 0 1px 1px; - - &:last-child { - border-width: 0 1px 1px 1px; - } - } - } - } - - &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody { - > tr { - &:last-child { - > td { - border-width: 0 0 0 1px; - - &:last-child { - border-width: 0 1px 0 1px; - } - } - } - } - } - } - - &.p-datatable-striped { - .p-datatable-tbody { - > tr:nth-child(even) { - background: $tableBodyRowEvenBg; - - &.p-highlight { - background: $highlightBg; - color: $highlightTextColor; - - .p-row-toggler { - color: $highlightTextColor; - - &:hover { - color: $highlightTextColor; - } - } - } - } - } - } - - &.p-datatable-sm { - .p-datatable-header { - @include scaledPadding($tableHeaderPadding, $tableScaleSM); - } - - .p-datatable-thead > tr > th { - @include scaledPadding($tableHeaderCellPadding, $tableScaleSM); - } - - .p-datatable-tbody > tr > td { - @include scaledPadding($tableBodyCellPadding, $tableScaleSM); - } - - .p-datatable-tfoot > tr > td { - @include scaledPadding($tableFooterPadding, $tableScaleSM); - } - - .p-datatable-footer { - @include scaledPadding($tableFooterPadding, $tableScaleSM); - } - } - - &.p-datatable-lg { - .p-datatable-header { - @include scaledPadding($tableHeaderPadding, $tableScaleLG); - } - - .p-datatable-thead > tr > th { - @include scaledPadding($tableHeaderCellPadding, $tableScaleLG); - } - - .p-datatable-tbody > tr > td { - @include scaledPadding($tableBodyCellPadding, $tableScaleLG); - } - - .p-datatable-tfoot > tr > td { - @include scaledPadding($tableFooterPadding, $tableScaleLG); - } - - .p-datatable-footer { - @include scaledPadding($tableFooterPadding, $tableScaleLG); - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_dataview.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_dataview.scss deleted file mode 100644 index 02c81e7..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_dataview.scss +++ /dev/null @@ -1,46 +0,0 @@ -.p-dataview { - .p-paginator-top { - border-width: $tableTopPaginatorBorderWidth; - border-radius: 0; - } - - .p-paginator-bottom { - border-width: $tableBottomPaginatorBorderWidth; - border-radius: 0; - } - - .p-dataview-header { - background: $tableHeaderBg; - color: $tableHeaderTextColor; - border: $tableHeaderBorder; - border-width: $tableHeaderBorderWidth; - padding: $tableHeaderPadding; - font-weight: $tableHeaderFontWeight; - } - - .p-dataview-content { - background: $tableBodyRowBg; - color: $tableBodyRowTextColor; - border: $dataViewContentBorder; - padding: $dataViewContentPadding; - } - - .p-dataview-footer { - background: $tableFooterBg; - color: $tableFooterTextColor; - border: $tableFooterBorder; - border-width: $tableFooterBorderWidth; - padding: $tableFooterPadding; - font-weight: $tableFooterFontWeight; - border-bottom-left-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - - .p-dataview-loading-icon { - font-size: $loadingIconFontSize; - } - - .p-dataview-emptymessage { - padding: $panelContentPadding; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_filter.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_filter.scss deleted file mode 100644 index 8eb91b7..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_filter.scss +++ /dev/null @@ -1,138 +0,0 @@ -.p-column-filter-row { - .p-column-filter-menu-button, - .p-column-filter-clear-button { - margin-left: $inlineSpacing; - } -} - -.p-column-filter-menu-button { - width: $actionIconWidth; - height: $actionIconHeight; - color: $actionIconColor; - border: $actionIconBorder; - background: $actionIconBg; - border-radius: $actionIconBorderRadius; - transition: $actionIconTransition; - - &:hover { - color: $actionIconHoverColor; - border-color: $actionIconHoverBorderColor; - background: $actionIconHoverBg; - } - - &.p-column-filter-menu-button-open, - &.p-column-filter-menu-button-open:hover { - background: $actionIconHoverBg; - color: $actionIconHoverColor; - } - - &.p-column-filter-menu-button-active, - &.p-column-filter-menu-button-active:hover { - background: $highlightBg; - color: $highlightTextColor; - } - - &:focus-visible { - @include focused(); - } - -} - -.p-column-filter-clear-button { - width: $actionIconWidth; - height: $actionIconHeight; - color: $actionIconColor; - border: $actionIconBorder; - background: $actionIconBg; - border-radius: $actionIconBorderRadius; - transition: $actionIconTransition; - - &:hover { - color: $actionIconHoverColor; - border-color: $actionIconHoverBorderColor; - background: $actionIconHoverBg; - } - - &:focus-visible { - @include focused(); - } -} - -.p-column-filter-overlay { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - min-width: $menuWidth; - - .p-column-filter-row-items { - padding: $inputListPadding; - - .p-column-filter-row-item { - margin: $inputListItemMargin; - padding: $inputListItemPadding; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - - &:not(.p-highlight):not(.p-disabled):hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - - &:focus-visible { - @include focused-listitem(); - } - } - - .p-column-filter-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - } -} - -.p-column-filter-overlay-menu { - .p-column-filter-operator { - padding: $inputListHeaderPadding; - border-bottom: $inputListHeaderBorder; - color: $inputListHeaderTextColor; - background: $inputOverlayHeaderBg; - margin: $inputListHeaderMargin; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-column-filter-constraint { - padding: $panelContentPadding; - border-bottom: $divider; - - .p-column-filter-matchmode-dropdown { - margin-bottom: $inlineSpacing; - } - - .p-column-filter-remove-button { - margin-top: $inlineSpacing; - } - - &:last-child { - border-bottom: 0 none; - } - } - - .p-column-filter-add-rule { - padding: $panelFooterPadding; - } - - .p-column-filter-buttonbar { - padding: $panelContentPadding; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_orderlist.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_orderlist.scss deleted file mode 100644 index ae3c2d5..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_orderlist.scss +++ /dev/null @@ -1,114 +0,0 @@ -.p-orderlist { - .p-orderlist-controls { - padding: $panelContentPadding; - - .p-button { - margin-bottom: $inlineSpacing; - } - } - - .p-orderlist-header { - background: $panelHeaderBg; - color: $panelHeaderTextColor; - border: $panelHeaderBorder; - padding: $panelHeaderPadding; - border-bottom: 0 none; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-orderlist-title { - font-weight: $panelHeaderFontWeight; - } - } - - .p-orderlist-filter-container { - padding: $panelHeaderPadding; - background: $panelContentBg; - border: $panelHeaderBorder; - border-bottom: 0 none; - - .p-orderlist-filter-input { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-orderlist-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - } - - .p-orderlist-list { - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - outline: 0 none; - - .p-orderlist-item { - padding: $inputListItemPadding; - margin: $inputListItemMargin; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - - &:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - } - - .p-orderlist-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - } - - &:not(.cdk-drop-list-dragging) { - .p-orderlist-item { - &:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - } - } - } - - &.p-orderlist-striped { - .p-orderlist-list { - .p-orderlist-item:nth-child(even) { - background: $panelContentEvenRowBg; - - &:hover { - background: $inputListItemHoverBg; - } - } - } - } -} - -.p-orderlist-item { - &.cdk-drag-preview { - padding: $inputListItemPadding; - box-shadow: $inputOverlayShadow; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $panelContentBg; - margin: 0; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_organizationchart.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_organizationchart.scss deleted file mode 100644 index 776bbea..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_organizationchart.scss +++ /dev/null @@ -1,50 +0,0 @@ -.p-organizationchart { - .p-organizationchart-node-content { - &.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - - &.p-highlight { - background: $highlightBg; - color: $highlightTextColor; - - .p-node-toggler { - i { - color: darken($highlightBg, 25%); - } - } - } - } - - .p-organizationchart-line-down { - background: $organizationChartConnectorColor; - } - - .p-organizationchart-line-left { - border-right: $panelContentBorder; - border-color: $organizationChartConnectorColor; - } - - .p-organizationchart-line-top { - border-top: $panelContentBorder; - border-color: $organizationChartConnectorColor; - } - - .p-organizationchart-node-content { - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - padding: $panelContentPadding; - } - - .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; - - &:focus-visible { - @include focused(); - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_paginator.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_paginator.scss deleted file mode 100644 index b4681b7..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_paginator.scss +++ /dev/null @@ -1,92 +0,0 @@ -.p-paginator { - background: $paginatorBg; - color: $paginatorTextColor; - border: $paginatorBorder; - border-width: $paginatorBorderWidth; - padding: $paginatorPadding; - border-radius: $borderRadius; - - .p-paginator-first, - .p-paginator-prev, - .p-paginator-next, - .p-paginator-last { - background-color: $paginatorElementBg; - border: $paginatorElementBorder; - color: $paginatorElementIconColor; - min-width: $paginatorElementWidth; - height: $paginatorElementHeight; - margin: $paginatorElementMargin; - transition: $listItemTransition; - border-radius: $paginatorElementBorderRadius; - - &:not(.p-disabled):not(.p-highlight):hover { - background: $paginatorElementHoverBg; - border-color: $paginatorElementHoverBorderColor; - color: $paginatorElementIconHoverColor; - } - } - - .p-paginator-first { - border-top-left-radius: $paginatorElementBorderRadius; - border-bottom-left-radius: $paginatorElementBorderRadius; - } - - .p-paginator-last { - border-top-right-radius: $paginatorElementBorderRadius; - border-bottom-right-radius: $paginatorElementBorderRadius; - } - - .p-dropdown { - margin-left: $inlineSpacing; - margin-right: $inlineSpacing; - height: $paginatorElementHeight; - - .p-dropdown-label { - padding-right: 0; - } - } - - .p-paginator-page-input { - margin-left: $inlineSpacing; - margin-right: $inlineSpacing; - - .p-inputtext { - max-width: $paginatorElementWidth; - } - } - - .p-paginator-current { - background-color: $paginatorElementBg; - border: $paginatorElementBorder; - color: $paginatorElementIconColor; - min-width: $paginatorElementWidth; - height: $paginatorElementHeight; - margin: $paginatorElementMargin; - padding: 0 $inlineSpacing; - } - - .p-paginator-pages { - .p-paginator-page { - background-color: $paginatorElementBg; - border: $paginatorElementBorder; - color: $paginatorElementIconColor; - min-width: $paginatorElementWidth; - height: $paginatorElementHeight; - margin: $paginatorElementMargin; - transition: $listItemTransition; - border-radius: $paginatorElementBorderRadius; - - &.p-highlight { - background: $highlightBg; - border-color: $highlightBg; - color: $highlightTextColor; - } - - &:not(.p-highlight):hover { - background: $paginatorElementHoverBg; - border-color: $paginatorElementHoverBorderColor; - color: $paginatorElementIconHoverColor; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_picklist.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_picklist.scss deleted file mode 100644 index 6ef4b24..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_picklist.scss +++ /dev/null @@ -1,114 +0,0 @@ -.p-picklist { - .p-picklist-buttons { - padding: $panelContentPadding; - - .p-button { - margin-bottom: $inlineSpacing; - } - } - - .p-picklist-header { - background: $panelHeaderBg; - color: $panelHeaderTextColor; - border: $panelHeaderBorder; - padding: $panelHeaderPadding; - border-bottom: 0 none; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-picklist-title { - font-weight: $panelHeaderFontWeight; - } - } - - .p-picklist-filter-container { - padding: $panelHeaderPadding; - background: $panelContentBg; - border: $panelHeaderBorder; - border-bottom: 0 none; - - .p-picklist-filter-input { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-picklist-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - } - - .p-picklist-list { - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - outline: 0 none; - - .p-picklist-item { - padding: $inputListItemPadding; - margin: $inputListItemMargin; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - - &:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - } - - .p-picklist-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - } - - &:not(.cdk-drop-list-dragging) { - .p-picklist-item { - &:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - } - } - } - - &.p-picklist-striped { - .p-picklist-list { - .p-picklist-item:nth-child(even) { - background: $panelContentEvenRowBg; - - &:hover { - background: $inputListItemHoverBg; - } - } - } - } -} - -.p-picklist-item { - &.cdk-drag-preview { - padding: $inputListItemPadding; - box-shadow: $inputOverlayShadow; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $panelContentBg; - margin: 0; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_timeline.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_timeline.scss deleted file mode 100644 index 5767491..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_timeline.scss +++ /dev/null @@ -1,38 +0,0 @@ -.p-timeline { - .p-timeline-event-marker { - border: $timelineEventMarkerBorder; - border-radius: $timelineEventMarkerBorderRadius; - width: $timelineEventMarkerWidth; - height: $timelineEventMarkerHeight; - background-color: $timelineEventMarkerBackground; - } - - .p-timeline-event-connector { - background-color: $timelineEventColor; - } - - &.p-timeline-vertical { - .p-timeline-event-opposite, - .p-timeline-event-content { - padding: $timelineVerticalEventContentPadding; - } - - .p-timeline-event-connector { - width: $timelineEventConnectorSize; - } - } - - &.p-timeline-horizontal { - .p-timeline-event-opposite, - .p-timeline-event-content { - padding: $timelineHorizontalEventContentPadding; - } - - .p-timeline-event-connector { - height: $timelineEventConnectorSize; - } - } -} - - - diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_tree.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_tree.scss deleted file mode 100644 index bf1f305..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_tree.scss +++ /dev/null @@ -1,150 +0,0 @@ -.p-tree { - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - padding: $panelContentPadding; - border-radius: $borderRadius; - - .p-tree-container { - .p-treenode { - padding: $treeNodePadding; - outline: 0 none; - - &:focus > .p-treenode-content { - @include focused-listitem(); - } - - .p-treenode-content { - border-radius: $borderRadius; - transition: $listItemTransition; - padding: $treeNodeContentPadding; - - .p-tree-toggler { - margin-right: $inlineSpacing; - @include action-icon(); - } - - .p-treenode-icon { - margin-right: $inlineSpacing; - color: $treeNodeIconColor; - } - - .p-checkbox { - margin-right: $inlineSpacing; - - .p-indeterminate { - .p-checkbox-icon { - color: $textColor; - } - } - } - - &.p-highlight { - background: $highlightBg; - color: $highlightTextColor; - - .p-tree-toggler, - .p-treenode-icon { - color: $highlightTextColor; - - &:hover { - color: $highlightTextColor; - } - } - } - - &.p-treenode-selectable:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - - &.p-treenode-dragover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - } - } - } - - .p-tree-filter-container { - margin-bottom: $inlineSpacing; - - .p-tree-filter { - width: 100%; - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-tree-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - } - - .p-treenode-children { - padding: $treeNodeChildrenPadding; - } - - .p-tree-loading-icon { - font-size: $loadingIconFontSize; - - &.p-icon { - width: $loadingIconFontSize; - height: $loadingIconFontSize; - } - } - - .p-treenode-droppoint { - &.p-treenode-droppoint-active { - background-color: scale-color($highlightBg, $lightness: -20%); - } - } - - &.p-tree-horizontal { - .p-treenode { - .p-treenode-content { - border-radius: $borderRadius; - border: $panelContentBorder; - background-color: $panelContentBg; - color: $panelContentTextColor; - padding: $treeNodeContentPadding; - transition: $listItemTransition; - - &.p-highlight { - background-color: $highlightBg; - color: $highlightTextColor; - - .p-treenode-icon { - color: $highlightTextColor; - } - } - - .p-tree-toggler { - margin-right: $inlineSpacing; - } - - .p-treenode-icon { - color: $treeNodeIconColor; - margin-right: $inlineSpacing; - } - - .p-checkbox { - margin-right: $inlineSpacing; - } - - .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; - } - - &.p-treenode-selectable:not(.p-highlight):hover { - background: $inputListItemHoverBg; - color: $inputListItemTextHoverColor; - } - - &:focus { - @include focused(); - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_treetable.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_treetable.scss deleted file mode 100644 index 0170996..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_treetable.scss +++ /dev/null @@ -1,256 +0,0 @@ -.p-treetable { - .p-paginator-top { - border-width: $tableTopPaginatorBorderWidth; - border-radius: 0; - } - - .p-paginator-bottom { - border-width: $tableBottomPaginatorBorderWidth; - border-radius: 0; - } - - .p-treetable-header { - background: $tableHeaderBg; - color: $tableHeaderTextColor; - border: $tableHeaderBorder; - border-width: $tableHeaderBorderWidth; - padding: $tableHeaderPadding; - font-weight: $tableHeaderFontWeight; - } - - .p-treetable-footer { - background: $tableFooterBg; - color: $tableFooterTextColor; - border: $tableFooterBorder; - border-width: $tableFooterBorderWidth; - padding: $tableFooterPadding; - font-weight: $tableFooterFontWeight; - } - - .p-treetable-thead > tr > th { - text-align: $tableCellContentAlignment; - padding: $tableHeaderCellPadding; - border: $tableHeaderCellBorder; - border-width: $tableHeaderCellBorderWidth; - font-weight: $tableHeaderCellFontWeight; - color: $tableHeaderCellTextColor; - background: $tableHeaderCellBg; - transition: $listItemTransition; - } - - .p-treetable-tfoot > tr > td { - text-align: $tableCellContentAlignment; - padding: $tableFooterCellPadding; - border: $tableFooterCellBorder; - border-width: $tableFooterCellBorderWidth; - font-weight: $tableFooterCellFontWeight; - color: $tableFooterCellTextColor; - background: $tableFooterCellBg; - } - - .p-sortable-column { - outline-color: $focusOutlineColor; - - .p-sortable-column-icon { - color: $tableHeaderCellIconColor; - margin-left: $inlineSpacing; - } - - .p-sortable-column-badge { - border-radius: 50%; - height: $tableSortableColumnBadgeSize; - min-width: $tableSortableColumnBadgeSize; - line-height: $tableSortableColumnBadgeSize; - color: $highlightTextColor; - background: $highlightBg; - margin-left: $inlineSpacing; - } - - &:not(.p-highlight):hover { - background: $tableHeaderCellHoverBg; - color: $tableHeaderCellTextHoverColor; - - .p-sortable-column-icon { - color: $tableHeaderCellIconHoverColor; - } - } - - &.p-highlight { - background: $tableHeaderCellHighlightBg; - color: $tableHeaderCellHighlightTextColor; - - .p-sortable-column-icon { - color: $tableHeaderCellHighlightTextColor; - } - } - } - - .p-treetable-tbody { - > tr { - background: $tableBodyRowBg; - color: $tableBodyRowTextColor; - transition: $listItemTransition; - - > td { - text-align: $tableCellContentAlignment; - border: $tableBodyCellBorder; - border-width: $tableBodyCellBorderWidth; - padding: $tableBodyCellPadding; - - .p-treetable-toggler { - @include action-icon(); - margin-right: $inlineSpacing; - - &.p-icon { - width: $loadingIconFontSize; - height: $loadingIconFontSize; - } - } - - p-treetablecheckbox .p-checkbox { - margin-right: $inlineSpacing; - - .p-indeterminate { - .p-checkbox-icon { - color: $textColor; - } - } - } - } - - &:focus-visible { - outline: 0.15rem solid $focusOutlineColor; - outline-offset: -0.15rem; - } - - &.p-highlight { - background: $highlightBg; - color: $highlightTextColor; - - .p-treetable-toggler { - color: $highlightTextColor; - - &:hover { - color: $highlightTextColor; - } - - } - } - } - } - - &.p-treetable-hoverable-rows { - .p-treetable-tbody > tr:not(.p-highlight):hover { - background: $tableBodyRowHoverBg; - color: $tableBodyRowTextHoverColor; - - .p-treetable-toggler { - color: $tableBodyRowTextHoverColor; - } - } - } - - .p-column-resizer-helper { - background: $tableResizerHelperBg; - } - - .p-treetable-scrollable-header, - .p-treetable-scrollable-footer { - background: $panelHeaderBg; - } - - .p-treetable-loading-icon { - font-size: $loadingIconFontSize; - - &.p-icon { - width: $loadingIconFontSize; - height: $loadingIconFontSize; - } - } - - &.p-treetable-gridlines { - .p-datatable-header { - border-width: 1px 1px 0 1px; - } - - .p-treetable-footer { - border-width: 0 1px 1px 1px; - } - - .p-treetable-top { - border-width: 0 1px 0 1px; - } - - .p-treetable-bottom { - border-width: 0 1px 1px 1px; - } - - .p-treetable-thead { - > tr { - > th { - border-width: 1px; - } - } - } - - .p-treetable-tbody { - > tr { - > td { - border-width: 1px; - } - } - } - - .p-treetable-tfoot { - > tr { - > td { - border-width: 1px; - } - } - } - } - - &.p-treetable-sm { - .p-treetable-header { - @include scaledPadding($tableHeaderPadding, $scaleSM); - } - - .p-treetable-thead > tr > th { - @include scaledPadding($tableHeaderCellPadding, $tableScaleSM); - } - - .p-treetable-tbody > tr > td { - @include scaledPadding($tableBodyCellPadding, $tableScaleSM); - } - - .p-treetable-tfoot > tr > td { - @include scaledPadding($tableFooterPadding, $tableScaleSM); - } - - .p-treetable-footer { - @include scaledPadding($tableFooterPadding, $tableScaleSM); - } - } - - &.p-treetable-lg { - .p-treetable-header { - @include scaledPadding($tableHeaderPadding, $tableScaleLG); - } - - .p-treetable-thead > tr > th { - @include scaledPadding($tableHeaderCellPadding, $tableScaleLG); - } - - .p-treetable-tbody > tr > td { - @include scaledPadding($tableBodyCellPadding, $tableScaleLG); - } - - .p-treetable-tfoot > tr > td { - @include scaledPadding($tableFooterPadding, $tableScaleLG); - } - - .p-treetable-footer { - @include scaledPadding($tableFooterPadding, $tableScaleLG); - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/data/_virtualscroller.scss b/tiles/assets/layout/styles/theme/theme-base/components/data/_virtualscroller.scss deleted file mode 100644 index b1b3d3a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/data/_virtualscroller.scss +++ /dev/null @@ -1,28 +0,0 @@ -.p-virtualscroller { - .p-virtualscroller-header { - background: $tableHeaderBg; - color: $tableHeaderTextColor; - border: $tableHeaderBorder; - border-width: $tableHeaderBorderWidth; - padding: $tableHeaderPadding; - font-weight: $tableHeaderFontWeight; - } - - .p-virtualscroller-content { - background: $tableBodyRowBg; - color: $tableBodyRowTextColor; - border: $dataViewContentBorder; - padding: $dataViewContentPadding; - } - - .p-virtualscroller-footer { - background: $tableFooterBg; - color: $tableFooterTextColor; - border: $tableFooterBorder; - border-width: $tableFooterBorderWidth; - padding: $tableFooterPadding; - font-weight: $tableFooterFontWeight; - border-bottom-left-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/file/_fileupload.scss b/tiles/assets/layout/styles/theme/theme-base/components/file/_fileupload.scss deleted file mode 100644 index 0c7155c..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/file/_fileupload.scss +++ /dev/null @@ -1,64 +0,0 @@ -.p-fileupload { - .p-fileupload-buttonbar { - background: $panelHeaderBg; - padding: $panelHeaderPadding; - border: $panelHeaderBorder; - color: $panelHeaderTextColor; - border-bottom: 0 none; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-button { - margin-right: $inlineSpacing; - - &.p-fileupload-choose.p-focus { - @include focused(); - } - } - } - - .p-fileupload-content { - background: $panelContentBg; - padding: $fileUploadContentPadding; - border: $panelContentBorder; - color: $panelContentTextColor; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - &.p-fileupload-highlight { - border-color: $fileUploadContentHoverBorder; - border-style: dashed; - background-color: $highlightBg; - } - } - - .p-progressbar { - height: $fileUploadProgressBarHeight; - } - - .p-fileupload-row { - > div { - padding: $tableBodyCellPadding; - } - } - - &.p-fileupload-advanced { - .p-message { - margin-top: 0; - } - } -} - -.p-fileupload-choose { - &:not(.p-disabled):hover { - background: $buttonHoverBg; - color: $buttonTextHoverColor; - border-color: $buttonHoverBorderColor; - } - - &:not(.p-disabled):active { - background: $buttonActiveBg; - color: $buttonTextActiveColor; - border-color: $buttonActiveBorderColor; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_autocomplete.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_autocomplete.scss deleted file mode 100644 index 12d64d1..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_autocomplete.scss +++ /dev/null @@ -1,136 +0,0 @@ -@use 'sass:math'; - -.p-autocomplete { - .p-autocomplete-loader { - right: nth($inputPadding, 2); - } - - &.p-autocomplete-dd { - .p-autocomplete-loader { - right: nth($inputPadding, 2) + $buttonIconOnlyWidth; - } - } - - &:not(.p-disabled):hover { - .p-autocomplete-multiple-container { - border-color: $inputHoverBorderColor; - } - } - - &:not(.p-disabled).p-focus { - .p-autocomplete-multiple-container { - @include focused-input(); - } - } - - .p-autocomplete-multiple-container { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - gap: $inlineSpacing; - - .p-autocomplete-input-token { - padding: math.div(nth($inputPadding, 1), 2) 0; - - input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $inputTextFontSize; - color: $textColor; - padding: 0; - margin: 0; - } - } - - .p-autocomplete-token { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - background: $chipBg; - color: $chipTextColor; - border-radius: $chipBorderRadius; - - .p-autocomplete-token-icon { - margin-left: $inlineSpacing; - } - - &.p-focus { - background: $chipFocusBg; - color: $chipFocusTextColor; - } - } - } - - &.p-invalid.p-component > .p-inputtext { - @include invalid-input(); - } -} - -.p-autocomplete-panel { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - - .p-autocomplete-items { - padding: $inputListPadding; - - .p-autocomplete-item { - margin: $inputListItemMargin; - padding: $inputListItemPadding; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - } - - .p-autocomplete-item-group { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - } - } -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - @include invalid-input(); -} - -p-autocomplete.p-autocomplete-clearable { - .p-inputtext { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } - - .p-autocomplete-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} - -p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd { - .p-autocomplete-clear-icon { - color: $inputIconColor; - right: $buttonIconOnlyWidth + nth($inputPadding, 2); - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_calendar.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_calendar.scss deleted file mode 100644 index c6e7701..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_calendar.scss +++ /dev/null @@ -1,267 +0,0 @@ -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - @include invalid-input(); -} - -.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - @include focused-input(); -} - -.p-datepicker { - padding: $calendarPadding; - background: $calendarInlineBg; - color: $calendarTextColor; - border: $calendarBorder; - border-radius: $borderRadius; - - &:not(.p-datepicker-inline) { - background: $calendarBg; - border: $calendarOverlayBorder; - box-shadow: $inputOverlayShadow; - - .p-datepicker-header { - background: $calendarHeaderBg; - } - } - - .p-datepicker-header { - padding: $calendarHeaderPadding; - color: $calendarHeaderTextColor; - background: $calendarInlineHeaderBg; - font-weight: $calendarHeaderFontWeight; - margin: $inputListHeaderMargin; - border-bottom: $calendarHeaderBorder; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-datepicker-prev, - .p-datepicker-next { - @include action-icon(); - } - - .p-datepicker-title { - line-height: $actionIconHeight; - - .p-datepicker-year, - .p-datepicker-month { - color: $calendarHeaderTextColor; - transition: $actionIconTransition; - font-weight: $calendarHeaderFontWeight; - padding: $calendarHeaderCellPadding; - - &:enabled:hover { - color: $calendarMonthYearHeaderHoverTextColor; - } - } - - .p-datepicker-month { - margin-right: $inlineSpacing; - } - } - } - - table { - font-size: $fontSize; - margin: $calendarTableMargin; - - th { - padding: $calendarHeaderCellPadding; - - > span { - width: $calendarCellDateWidth; - height: $calendarCellDateHeight; - } - } - - td { - padding: $calendarCellDatePadding; - - > span { - width: $calendarCellDateWidth; - height: $calendarCellDateHeight; - border-radius: $calendarCellDateBorderRadius; - transition: $listItemTransition; - border: $calendarCellDateBorder; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - - &:focus { - @include focused(); - } - } - - &.p-datepicker-today { - > span { - background: $calendarCellDateTodayBg; - color: $calendarCellDateTodayTextColor; - border-color: $calendarCellDateTodayBorderColor; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - } - } - } - } - - .p-datepicker-buttonbar { - padding: $calendarButtonBarPadding; - border-top: $divider; - - .p-button { - width: auto; - } - } - - .p-timepicker { - border-top: $divider; - padding: $calendarTimePickerPadding; - - button { - @include action-icon(); - - &:last-child { - margin-top: .2em; - } - } - - span { - font-size: $calendarTimePickerTimeFontSize; - } - - > div { - padding: $calendarTimePickerElementPadding; - } - } - - &.p-datepicker-timeonly { - .p-timepicker { - border-top: 0 none; - } - } - - .p-monthpicker { - margin: $calendarTableMargin; - - .p-monthpicker-month { - padding: $calendarCellDatePadding; - transition: $listItemTransition; - border-radius: $borderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - } - } - - .p-yearpicker { - margin: $calendarTableMargin; - - .p-yearpicker-year { - padding: $calendarCellDatePadding; - transition: $listItemTransition; - border-radius: $borderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - } - } - - &.p-datepicker-multiple-month { - .p-datepicker-group { - border-left: $divider; - padding-right: $calendarPadding; - padding-left: $calendarPadding; - padding-top: 0; - padding-bottom: 0; - - &:first-child { - padding-left: 0; - border-left: 0 none; - } - - &:last-child { - padding-right: 0; - } - } - } - - &:not(.p-disabled) { - table { - td { - span:not(.p-highlight):not(.p-disabled) { - &:hover { - background: $calendarCellDateHoverBg; - } - - &:focus { - @include focused(); - } - } - } - } - - .p-monthpicker { - .p-monthpicker-month { - &:not(.p-disabled) { - &:not(.p-highlight):hover { - background: $calendarCellDateHoverBg; - } - - &:focus { - @include focused(); - } - } - } - } - - .p-yearpicker { - .p-yearpicker-year { - &:not(.p-disabled) { - &:not(.p-highlight):hover { - background: $calendarCellDateHoverBg; - } - - &:focus { - @include focused(); - } - } - } - } - } - -} - -p-calendar.p-calendar-clearable { - .p-inputtext { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } - - .p-calendar-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} - -p-calendar.p-calendar-clearable .p-calendar-w-btn { - .p-calendar-clear-icon { - color: $inputIconColor; - right: $buttonIconOnlyWidth + nth($inputPadding, 2); - } -} - -@media screen and (max-width: $calendarBreakpoint) { - .p-datepicker { - table { - th, td { - padding: $calendarCellDatePaddingSM; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_cascadeselect.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_cascadeselect.scss deleted file mode 100644 index 0450c9a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_cascadeselect.scss +++ /dev/null @@ -1,136 +0,0 @@ -@use 'sass:math'; -.p-cascadeselect { - background: $inputBg; - border: $inputBorder; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:not(.p-disabled):hover { - border-color: $inputHoverBorderColor; - } - - &:not(.p-disabled).p-focus { - @include focused-input(); - } - - .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: $inputPadding; - - &.p-placeholder { - color: $inputPlaceholderTextColor; - } - - &:enabled:focus { - outline: 0 none; - box-shadow: none; - } - } - - .p-cascadeselect-trigger { - background: transparent; - color: $inputIconColor; - width: $inputGroupAddOnMinWidth; - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - - &.p-invalid.p-component { - @include invalid-input(); - } -} - -.p-cascadeselect-panel { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - - .p-cascadeselect-items { - padding: $inputListPadding; - - .p-cascadeselect-item { - margin: $inputListItemMargin; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - - - .p-cascadeselect-item-content { - padding: $inputListItemPadding; - } - - .p-cascadeselect-group-icon { - font-size: $menuitemSubmenuIconFontSize; - } - } - } -} - -.p-input-filled { - .p-cascadeselect { - background: $inputFilledBg; - - &:not(.p-disabled):hover { - background-color: $inputFilledHoverBg; - } - - &:not(.p-disabled).p-focus { - background-color: $inputFilledFocusBg; - } - } -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - @include invalid-input(); -} - -p-cascadeselect.p-cascadeselect-clearable { - .p-cascadeselect-label { - padding-right: nth($inputPadding, 2); - } - - .p-cascadeselect-clear-icon { - color: $inputIconColor; - right: $inputGroupAddOnMinWidth; - } -} - -.p-overlay-modal { - .p-cascadeselect-sublist { - .p-cascadeselect-panel { - box-shadow: none; - border-radius: 0; - padding: math.div($inlineSpacing, 2) 0 math.div($inlineSpacing, 2) $inlineSpacing; - } - } - - .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { - transform: rotate(90deg); - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_checkbox.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_checkbox.scss deleted file mode 100644 index 5d79dfe..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_checkbox.scss +++ /dev/null @@ -1,94 +0,0 @@ -.p-checkbox { - width: $checkboxWidth; - height: $checkboxHeight; - - .p-checkbox-box { - border: $checkboxBorder; - background: $inputBg; - width: $checkboxWidth; - height: $checkboxHeight; - color: $textColor; - border-radius: $borderRadius; - transition: $formElementTransition; - - .p-checkbox-icon { - transition-duration: $transitionDuration; - color: $checkboxIconActiveColor; - font-size: $checkboxIconFontSize; - } - - .p-icon { - width: $checkboxIconFontSize; - height: $checkboxIconFontSize; - } - - &.p-highlight { - border-color: $checkboxActiveBorderColor; - background: $checkboxActiveBg; - } - } - - &:not(.p-checkbox-disabled) { - .p-checkbox-box { - &:hover { - border-color: $inputHoverBorderColor; - } - - &.p-focus { - @include focused-input(); - } - - &.p-highlight:hover { - border-color: $checkboxActiveHoverBorderColor; - background: $checkboxActiveHoverBg; - color: $checkboxIconActiveHoverColor; - } - } - } -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - @include invalid-input(); -} - -.p-input-filled { - .p-checkbox { - .p-checkbox-box { - background-color: $inputFilledBg; - - &.p-highlight { - background: $checkboxActiveBg; - } - } - - &:not(.p-checkbox-disabled) { - .p-checkbox-box { - &:hover { - background-color: $inputFilledHoverBg; - } - - &.p-highlight:hover { - background: $checkboxActiveHoverBg; - } - } - } - } -} - -.p-checkbox-label { - margin-left: $inlineSpacing; -} - -@if ($highlightBg == $checkboxActiveBg) { - .p-highlight { - .p-checkbox { - .p-checkbox-box { - border-color: $checkboxIconActiveColor; - } - } - } -} - -p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_chips.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_chips.scss deleted file mode 100644 index 5889094..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_chips.scss +++ /dev/null @@ -1,65 +0,0 @@ -@use 'sass:math'; - -.p-chips { - &:not(.p-disabled):hover { - .p-chips-multiple-container { - border-color: $inputHoverBorderColor; - } - } - - &:not(.p-disabled).p-focus { - .p-chips-multiple-container { - @include focused-input(); - } - } - - .p-chips-multiple-container { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - gap: $inlineSpacing; - - .p-chips-token { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - margin-right: $inlineSpacing; - background: $chipBg; - color: $chipTextColor; - border-radius: $chipBorderRadius; - - &.p-focus { - background: $chipFocusBg; - color: $chipFocusTextColor; - } - - .p-chips-token-icon { - margin-left: $inlineSpacing; - } - } - - .p-chips-input-token { - padding: math.div(nth($inputPadding, 1), 2) 0; - - input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $inputTextFontSize; - color: $textColor; - padding: 0; - margin: 0; - } - } - } -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - @include invalid-input(); -} - -p-chips.p-chips-clearable { - .p-inputtext { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-chips-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_colorpicker.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_colorpicker.scss deleted file mode 100644 index b57ef48..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_colorpicker.scss +++ /dev/null @@ -1,19 +0,0 @@ -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: $colorPickerPreviewWidth; - height: $colorPickerPreviewHeight; -} - -.p-colorpicker-panel { - background: $colorPickerBg; - border: $colorPickerBorder; - - .p-colorpicker-color-handle, - .p-colorpicker-hue-handle { - border-color: $colorPickerHandleColor; - } -} - -.p-colorpicker-overlay-panel { - box-shadow: $inputOverlayShadow; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_dropdown.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_dropdown.scss deleted file mode 100644 index 8983b6e..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_dropdown.scss +++ /dev/null @@ -1,151 +0,0 @@ -.p-dropdown { - background: $inputBg; - border: $inputBorder; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:not(.p-disabled):hover { - border-color: $inputHoverBorderColor; - } - - &:not(.p-disabled).p-focus { - @include focused-input(); - } - - &.p-dropdown-clearable { - .p-dropdown-label { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - } - - .p-dropdown-label { - background: transparent; - border: 0 none; - - &.p-placeholder { - color: $inputPlaceholderTextColor; - } - - &:focus, - &:enabled:focus { - outline: 0 none; - box-shadow: none; - } - } - - .p-dropdown-trigger { - background: transparent; - color: $inputIconColor; - width: $inputGroupAddOnMinWidth; - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - - .p-dropdown-clear-icon { - color: $inputIconColor; - right: $inputGroupAddOnMinWidth; - } - - &.p-invalid.p-component { - @include invalid-input(); - } -} - -.p-dropdown-panel { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - - .p-dropdown-header { - padding: $inputListHeaderPadding; - border-bottom: $inputListHeaderBorder; - color: $inputListHeaderTextColor; - background: $inputOverlayHeaderBg; - margin: $inputListHeaderMargin; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-dropdown-filter { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize); - } - - .p-dropdown-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - } - - .p-dropdown-items { - padding: $inputListPadding; - - .p-dropdown-item { - margin: $inputListItemMargin; - padding: $inputListItemPadding; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - } - - .p-dropdown-item-group { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - } - - .p-dropdown-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - background: $inputListItemBg; - } - } -} - -.p-input-filled { - .p-dropdown { - background: $inputFilledBg; - - &:not(.p-disabled):hover { - background-color: $inputFilledHoverBg; - } - - &:not(.p-disabled).p-focus { - background-color: $inputFilledFocusBg; - - .p-inputtext { - background-color: transparent; - } - } - } -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_editor.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_editor.scss deleted file mode 100644 index b10b2fa..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_editor.scss +++ /dev/null @@ -1,122 +0,0 @@ -.p-editor-container { - .p-editor-toolbar { - background: $editorToolbarBg; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - &.ql-snow { - border: $editorToolbarBorder; - - .ql-stroke { - stroke: $editorToolbarIconColor; - } - - .ql-fill { - fill: $editorToolbarIconColor; - } - - .ql-picker { - .ql-picker-label { - border: 0 none; - color: $editorToolbarIconColor; - - &:hover { - color: $editorToolbarIconHoverColor; - - .ql-stroke { - stroke: $editorToolbarIconHoverColor; - } - - .ql-fill { - fill: $editorToolbarIconHoverColor; - } - } - } - - &.ql-expanded { - .ql-picker-label { - color: $editorToolbarIconHoverColor; - - .ql-stroke { - stroke: $editorToolbarIconHoverColor; - } - - .ql-fill { - fill: $editorToolbarIconHoverColor; - } - } - - .ql-picker-options { - background: $inputOverlayBg; - border:$inputOverlayBorder; - box-shadow:$inputOverlayShadow; - border-radius: $borderRadius; - padding: $inputListPadding; - - .ql-picker-item { - color: $inputListItemTextColor; - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - } - - &:not(.ql-icon-picker) { - .ql-picker-item { - padding: $inputListItemPadding; - } - } - } - } - } - } - - .p-editor-content { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - &.ql-snow { - border: $editorContentBorder; - } - - .ql-editor { - background: $inputBg; - color: $inputTextColor; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - - .ql-snow.ql-toolbar button:hover, - .ql-snow.ql-toolbar button:focus { - color: $editorToolbarIconHoverColor; - - .ql-stroke { - stroke: $editorToolbarIconHoverColor; - } - - .ql-fill { - fill: $editorToolbarIconHoverColor; - } - } - - .ql-snow.ql-toolbar button.ql-active, - .ql-snow.ql-toolbar .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: $editorIconActiveColor; - - .ql-stroke { - stroke: $editorIconActiveColor; - } - - .ql-fill { - fill: $editorIconActiveColor; - } - - .ql-picker-label { - color: $editorIconActiveColor; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputgroup.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_inputgroup.scss deleted file mode 100644 index 5692188..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputgroup.scss +++ /dev/null @@ -1,75 +0,0 @@ -.p-inputgroup-addon { - background: $inputGroupBg; - color: $inputGroupTextColor; - border-top: $inputBorder; - border-left: $inputBorder; - border-bottom: $inputBorder; - padding: $inputPadding; - min-width: $inputGroupAddOnMinWidth; - - &:last-child { - border-right: $inputBorder; - } -} - -.p-inputgroup { - > .p-component, - > .p-element, - > .p-inputwrapper > .p-component > .p-inputtext, - > .p-float-label > .p-component { - border-radius: 0; - margin: 0; - - + .p-inputgroup-addon { - border-left: 0 none; - } - - &:focus { - z-index: 1; - - ~ 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: $borderRadius; - border-bottom-left-radius: $borderRadius; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; -} - -.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: $borderRadius; - border-bottom-right-radius: $borderRadius; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; -} - -.p-fluid { - .p-inputgroup { - .p-button { - width: auto; - - &.p-button-icon-only { - width: $buttonIconOnlyWidth; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputmask.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_inputmask.scss deleted file mode 100644 index 250ecd2..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputmask.scss +++ /dev/null @@ -1,16 +0,0 @@ -@use 'sass:math'; - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - @include invalid-input(); -} - -p-inputmask.p-inputmask-clearable { - .p-inputtext { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } - - .p-inputmask-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputnumber.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_inputnumber.scss deleted file mode 100644 index 93e3079..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputnumber.scss +++ /dev/null @@ -1,28 +0,0 @@ -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - @include invalid-input(); -} - -p-inputnumber.p-inputnumber-clearable { - .p-inputnumber-input { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } - - .p-inputnumber-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} - -p-inputnumber.p-inputnumber-clearable { - .p-inputnumber-buttons-stacked{ - .p-inputnumber-clear-icon { - right: $buttonIconOnlyWidth + nth($inputPadding, 2); - } - } - - .p-inputnumber-buttons-horizontal{ - .p-inputnumber-clear-icon { - right: $buttonIconOnlyWidth + nth($inputPadding, 2); - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputswitch.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_inputswitch.scss deleted file mode 100644 index 510081d..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputswitch.scss +++ /dev/null @@ -1,60 +0,0 @@ -@use 'sass:math'; - -.p-inputswitch { - width: $inputSwitchWidth; - height: $inputSwitchHeight; - - .p-inputswitch-slider { - background: $inputSwitchSliderOffBg; - transition: $formElementTransition; - border-radius: $inputSwitchBorderRadius; - - &:before { - background: $inputSwitchHandleOffBg; - width: $inputSwitchHandleWidth; - height: $inputSwitchHandleHeight; - left: $inputSwitchSliderPadding; - margin-top: math.div(-1 * $inputSwitchHandleHeight, 2); - border-radius: $inputSwitchHandleBorderRadius; - transition-duration: $transitionDuration; - } - } - - &.p-inputswitch-checked { - .p-inputswitch-slider:before { - transform: translateX($inputSwitchHandleWidth); - } - } - - &.p-focus { - .p-inputswitch-slider { - @include focused(); - } - } - - &:not(.p-disabled):hover { - .p-inputswitch-slider { - background: $inputSwitchSliderOffHoverBg; - } - } - - &.p-inputswitch-checked { - .p-inputswitch-slider { - background: $inputSwitchSliderOnBg; - - &:before { - background: $inputSwitchHandleOnBg; - } - } - - &:not(.p-disabled):hover { - .p-inputswitch-slider { - background: $inputSwitchSliderOnHoverBg; - } - } - } -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputtext.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_inputtext.scss deleted file mode 100644 index 0d524d3..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_inputtext.scss +++ /dev/null @@ -1,100 +0,0 @@ -.p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $inputTextFontSize; - color: $inputTextColor; - background: $inputBg; - padding: $inputPadding; - border: $inputBorder; - transition: $formElementTransition; - appearance: none; - border-radius: $borderRadius; - - &:enabled:hover { - border-color: $inputHoverBorderColor; - } - - &:enabled:focus { - @include focused-input(); - } - - &.ng-dirty.ng-invalid { - @include invalid-input(); - } - - &.p-inputtext-sm { - @include scaledFontSize($inputTextFontSize, $scaleSM); - @include scaledPadding($inputPadding, $scaleSM); - } - - &.p-inputtext-lg { - @include scaledFontSize($inputTextFontSize, $scaleLG); - @include scaledPadding($inputPadding, $scaleLG); - } -} - -.p-float-label > label { - left: nth($inputPadding, 2); - color: $inputPlaceholderTextColor; - transition-duration: $transitionDuration; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: $inputErrorBorderColor; -} - -.p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: nth($inputPadding, 2); - color: $inputIconColor; -} - -.p-input-icon-left > .p-inputtext { - padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize; -} - -.p-input-icon-left.p-float-label > label { - left: nth($inputPadding, 2) * 2 + $primeIconFontSize; -} - -.p-input-icon-right > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: nth($inputPadding, 2); - color: $inputIconColor; -} - -.p-input-icon-right > .p-inputtext { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; -} - -@include placeholder { - color: $inputPlaceholderTextColor -}; - -.p-input-filled { - .p-inputtext { - background-color: $inputFilledBg; - - &:enabled:hover { - background-color: $inputFilledHoverBg; - } - - &:enabled:focus { - background-color: $inputFilledFocusBg; - } - } -} - -.p-inputtext-sm { - .p-inputtext { - @include scaledFontSize($inputTextFontSize, $scaleSM); - @include scaledPadding($inputPadding, $scaleSM); - } -} - -.p-inputtext-lg { - .p-inputtext { - @include scaledFontSize($inputTextFontSize, $scaleLG); - @include scaledPadding($inputPadding, $scaleLG); - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_listbox.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_listbox.scss deleted file mode 100644 index 2a5c0ba..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_listbox.scss +++ /dev/null @@ -1,97 +0,0 @@ -.p-listbox { - background: $inputListBg; - color: $inputListTextColor; - border: $inputListBorder; - border-radius: $borderRadius; - transition: $formElementTransition; - - .p-listbox-header { - padding: $inputListHeaderPadding; - border-bottom: $inputListHeaderBorder; - color: $inputListHeaderTextColor; - background: $inputListHeaderBg; - margin: $inputListHeaderMargin; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-listbox-filter { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-listbox-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - - .p-checkbox { - margin-right: $inlineSpacing; - } - } - - .p-listbox-list { - padding: $inputListPadding; - outline: 0 none; - - .p-listbox-item { - margin: $inputListItemMargin; - padding: $inputListItemPadding; - border: $inputListItemBorder; - color: $inputListItemTextColor; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - } - - .p-checkbox { - margin-right: $inlineSpacing; - } - } - - .p-listbox-item-group { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - } - - .p-listbox-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - background: $inputListItemBg; - } - } - - &:not(.p-disabled) { - .p-listbox-item { - &.p-highlight { - &.p-focus { - background: $highlightFocusBg; - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - } - } - - &.p-focus { - @include focused-input(); - } -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_multiselect.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_multiselect.scss deleted file mode 100644 index c08be04..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_multiselect.scss +++ /dev/null @@ -1,179 +0,0 @@ -@use 'sass:math'; - -.p-multiselect { - background: $inputBg; - border: $inputBorder; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:not(.p-disabled):hover { - border-color: $inputHoverBorderColor; - } - - &:not(.p-disabled).p-focus { - @include focused-input(); - } - - .p-multiselect-label { - padding: $inputPadding; - transition: $formElementTransition; - - &.p-placeholder { - color: $inputPlaceholderTextColor; - } - } - - &.p-multiselect-chip { - .p-multiselect-token { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - margin-right: $inlineSpacing; - background: $chipBg; - color: $chipTextColor; - border-radius: $chipBorderRadius; - - .p-multiselect-token-icon { - margin-left: $inlineSpacing; - } - } - } - - .p-multiselect-trigger { - background: transparent; - color: $inputIconColor; - width: $inputGroupAddOnMinWidth; - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } - -} - -.p-inputwrapper-filled { - &.p-multiselect { - &.p-multiselect-chip { - .p-multiselect-label { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - } - } - } -} - -.p-multiselect-clearable { - .p-multiselect-label-container { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-multiselect-clear-icon { - color: $inputIconColor; - right: $inputGroupAddOnMinWidth; - } -} - -.p-multiselect-panel { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - - .p-multiselect-header { - padding: $inputListHeaderPadding; - border-bottom: $inputListHeaderBorder; - color: $inputListHeaderTextColor; - background: $inputOverlayHeaderBg; - margin: $inputListHeaderMargin; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-multiselect-filter-container { - .p-inputtext { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-multiselect-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - } - - .p-checkbox { - margin-right: $inlineSpacing; - } - - .p-multiselect-close { - margin-left: $inlineSpacing; - @include action-icon(); - } - } - - .p-multiselect-items { - padding: $inputListPadding; - - .p-multiselect-item { - margin: $inputListItemMargin; - padding: $inputListItemPadding; - border: $inputListItemBorder; - color: $inputListItemTextColor; - background: $inputListItemBg; - transition: $listItemTransition; - border-radius: $inputListItemBorderRadius; - - &.p-highlight { - color: $highlightTextColor; - background: $highlightBg; - - &.p-focus { - background: $highlightFocusBg; - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - color: $inputListItemTextFocusColor; - background: $inputListItemFocusBg; - } - - &:hover { - color: $inputListItemTextHoverColor; - background: $inputListItemHoverBg; - } - } - - .p-checkbox { - margin-right: $inlineSpacing; - } - } - - .p-multiselect-item-group { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - } - - .p-multiselect-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - background: $inputListItemBg; - } - } -} - -.p-input-filled { - .p-multiselect { - background: $inputFilledBg; - - &:not(.p-disabled):hover { - background-color: $inputFilledHoverBg; - } - - &:not(.p-disabled).p-focus { - background-color: $inputFilledFocusBg; - } - } - -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - @include invalid-input(); -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_password.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_password.scss deleted file mode 100644 index 95411e1..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_password.scss +++ /dev/null @@ -1,52 +0,0 @@ -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - @include invalid-input(); -} - -.p-password-panel { - padding: $panelContentPadding; - background: $panelContentBg; - color: $panelContentTextColor; - border: $overlayContentBorder; - box-shadow: $inputOverlayShadow; - border-radius: $borderRadius; - - .p-password-meter { - margin-bottom: $inlineSpacing; - background: $passwordMeterBg; - - .p-password-strength { - &.weak { - background: $passwordWeakBg; - } - - &.medium { - background: $passwordMediumBg; - } - - &.strong { - background: $passwordStrongBg; - } - } - } -} - -p-password.p-password-clearable { - .p-password-input { - padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } - .p-password-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2); - } -} - -p-password.p-password-clearable.p-password-mask{ - .p-password-input { - padding-right: nth($inputPadding, 2) * 3 + $primeIconFontSize * 2; - } - - .p-password-clear-icon { - color: $inputIconColor; - right: nth($inputPadding, 2) * 2 + $primeIconFontSize; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_radiobutton.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_radiobutton.scss deleted file mode 100644 index e56f003..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_radiobutton.scss +++ /dev/null @@ -1,78 +0,0 @@ -.p-radiobutton { - width: $radiobuttonWidth; - height: $radiobuttonHeight; - - .p-radiobutton-box { - border: $radiobuttonBorder; - background: $inputBg; - width: $radiobuttonWidth; - height: $radiobuttonHeight; - color: $textColor; - border-radius: 50%; - transition: $formElementTransition; - - &:not(.p-disabled):not(.p-highlight):hover { - border-color: $inputHoverBorderColor; - } - - &:not(.p-disabled).p-focus { - @include focused-input(); - } - - .p-radiobutton-icon { - width: $radiobuttonIconSize; - height: $radiobuttonIconSize; - transition-duration: $transitionDuration; - background-color: $radiobuttonIconActiveColor; - } - - &.p-highlight { - border-color: $radiobuttonActiveBorderColor; - background: $radiobuttonActiveBg; - - &:not(.p-disabled):hover { - border-color: $radiobuttonActiveHoverBorderColor; - background: $radiobuttonActiveHoverBg; - color: $radiobuttonIconActiveHoverColor; - } - } - } -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - @include invalid-input(); -} - -.p-input-filled { - .p-radiobutton { - .p-radiobutton-box { - background-color: $inputFilledBg; - - &:not(.p-disabled):hover { - background-color: $inputFilledHoverBg; - } - - &.p-highlight { - background: $radiobuttonActiveBg; - - &:not(.p-disabled):hover { - background: $radiobuttonActiveHoverBg; - } - } - } - } -} - -.p-radiobutton-label { - margin-left: $inlineSpacing; -} - -@if ($highlightBg == $radiobuttonActiveBg) { - .p-highlight { - .p-radiobutton { - .p-radiobutton-box { - border-color: $radiobuttonIconActiveColor; - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_rating.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_rating.scss deleted file mode 100644 index 87fc379..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_rating.scss +++ /dev/null @@ -1,60 +0,0 @@ -@use 'sass:math'; - -.p-rating { - gap: $inlineSpacing; - - .p-rating-item { - .p-rating-icon { - color: $ratingStarIconOffColor; - transition: $formElementTransition; - font-size: $ratingIconFontSize; - - &.p-icon { - width: $ratingIconFontSize; - height: $ratingIconFontSize; - } - - &.p-rating-cancel { - color: $ratingCancelIconColor; - } - } - - &.p-focus { - @include focused-input(); - } - - &.p-rating-item-active { - .p-rating-icon { - color: $ratingStarIconOnColor; - } - } - } - - &:not(.p-disabled):not(.p-readonly) { - .p-rating-item { - &:hover { - .p-rating-icon { - color: $ratingStarIconHoverColor; - - &.p-rating-cancel { - color: $ratingCancelIconHoverColor; - } - } - } - } - } -} - -@if ($highlightBg == $ratingStarIconOnColor) { - .p-highlight { - .p-rating { - .p-rating-item { - &.p-rating-item-active { - .p-rating-icon { - color: $highlightTextColor; - } - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_selectbutton.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_selectbutton.scss deleted file mode 100644 index 7ef80de..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_selectbutton.scss +++ /dev/null @@ -1,50 +0,0 @@ -.p-selectbutton { - .p-button { - background: $toggleButtonBg; - border: $toggleButtonBorder; - color: $toggleButtonTextColor; - transition: $formElementTransition; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconColor; - } - - &:not(.p-disabled):not(.p-highlight):hover { - background: $toggleButtonHoverBg; - border-color: $toggleButtonHoverBorderColor; - color: $toggleButtonTextHoverColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconHoverColor; - } - } - - &.p-highlight { - background: $toggleButtonActiveBg; - border-color: $toggleButtonActiveBorderColor; - color: $toggleButtonTextActiveColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconActiveColor; - } - - &:hover { - background: $toggleButtonActiveHoverBg; - border-color: $toggleButtonActiveHoverBorderColor; - color: $toggleButtonTextActiveHoverColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconActiveHoverColor; - } - } - } - } -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_slider.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_slider.scss deleted file mode 100644 index 9b18847..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_slider.scss +++ /dev/null @@ -1,71 +0,0 @@ -@use 'sass:math'; - -.p-slider { - background: $sliderBg; - border: $sliderBorder; - border-radius: $borderRadius; - - &.p-slider-horizontal { - height: $sliderHorizontalHeight; - - .p-slider-handle { - margin-top: math.div(-1 * $sliderHandleHeight, 2); - margin-left: math.div(-1 * $sliderHandleWidth, 2); - } - } - - &.p-slider-vertical { - width: $sliderVerticalWidth; - - .p-slider-handle { - margin-left: math.div(-1 * $sliderHandleWidth, 2); - margin-bottom: math.div(-1 * $sliderHandleHeight, 2); - } - } - - .p-slider-handle { - height: $sliderHandleHeight; - width: $sliderHandleWidth; - background: $sliderHandleBg; - border: $sliderHandleBorder; - border-radius: $sliderHandleBorderRadius; - transition: $formElementTransition; - - &:focus { - @include focused(); - } - } - - .p-slider-range { - background: $sliderRangeBg; - } - - &:not(.p-disabled) { - .p-slider-handle:hover { - background: $sliderHandleHoverBg; - border-color: $sliderHandleHoverBorderColor; - } - } - - &.p-slider-animate { - &.p-slider-horizontal { - .p-slider-handle { - transition: $formElementTransition, left $transitionDuration; - } - - .p-slider-range { - transition: width $transitionDuration; - } - } - - &.p-slider-vertical { - .p-slider-handle { - transition: $formElementTransition, bottom $transitionDuration; - } - - .p-slider-range { - transition: height $transitionDuration; - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_togglebutton.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_togglebutton.scss deleted file mode 100644 index b81bd26..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_togglebutton.scss +++ /dev/null @@ -1,48 +0,0 @@ -.p-togglebutton.p-button { - background: $toggleButtonBg; - border: $toggleButtonBorder; - color: $toggleButtonTextColor; - transition: $formElementTransition; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconColor; - } - - &:not(.p-disabled):not(.p-highlight):hover { - background: $toggleButtonHoverBg; - border-color: $toggleButtonHoverBorderColor; - color: $toggleButtonTextHoverColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconHoverColor; - } - } - - &.p-highlight { - background: $toggleButtonActiveBg; - border-color: $toggleButtonActiveBorderColor; - color: $toggleButtonTextActiveColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconActiveColor; - } - - &:hover { - background: $toggleButtonActiveHoverBg; - border-color: $toggleButtonActiveHoverBorderColor; - color: $toggleButtonTextActiveHoverColor; - - .p-button-icon-left, - .p-button-icon-right { - color: $toggleButtonIconActiveHoverColor; - } - } - } -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - @include invalid-input(); -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/input/_treeselect.scss b/tiles/assets/layout/styles/theme/theme-base/components/input/_treeselect.scss deleted file mode 100644 index 562f618..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/input/_treeselect.scss +++ /dev/null @@ -1,139 +0,0 @@ -@use 'sass:math'; - -.p-treeselect { - background: $inputBg; - border: $inputBorder; - transition: $formElementTransition; - border-radius: $borderRadius; - - &:not(.p-disabled):hover { - border-color: $inputHoverBorderColor; - } - - &:not(.p-disabled).p-focus { - @include focused-input(); - } - - .p-treeselect-label { - padding: $inputPadding; - transition: $formElementTransition; - - &.p-placeholder { - color: $inputPlaceholderTextColor; - } - } - - &.p-treeselect-chip { - .p-treeselect-token { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - margin-right: $inlineSpacing; - background: $chipBg; - color: $chipTextColor; - border-radius: $chipBorderRadius; - } - } - - .p-treeselect-trigger { - background: transparent; - color: $inputIconColor; - width: $inputGroupAddOnMinWidth; - border-top-right-radius: $borderRadius; - border-bottom-right-radius: $borderRadius; - } -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - @include invalid-input(); -} - -.p-inputwrapper-filled { - .p-treeselect { - &.p-treeselect-chip { - .p-treeselect-label { - padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); - } - } - } -} - -.p-treeselect-panel { - background: $inputOverlayBg; - color: $inputListTextColor; - border: $inputOverlayBorder; - border-radius: $borderRadius; - box-shadow: $inputOverlayShadow; - - .p-treeselect-header { - padding: $inputListHeaderPadding; - border-bottom: $inputListHeaderBorder; - color: $inputListHeaderTextColor; - background: $inputOverlayHeaderBg; - margin: $inputListHeaderMargin; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-treeselect-filter-container { - margin-right: $inlineSpacing; - - .p-treeselect-filter { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-treeselect-filter-icon { - right: nth($inputPadding, 2); - color: $inputIconColor; - } - - &.p-treeselect-clearable-filter { - .p-treeselect-filter { - padding-right: 2 * (nth($inputPadding, 2) + $primeIconFontSize); - } - - .p-treeselect-filter-clear-icon { - right: (2 * nth($inputPadding, 2)) + $primeIconFontSize; - } - } - } - - .p-treeselect-close { - @include action-icon(); - } - } - - .p-treeselect-items-wrapper { - .p-tree { - border: 0 none; - } - - .p-treeselect-empty-message { - padding: $inputListItemPadding; - color: $inputListItemTextColor; - background: $inputListItemBg; - } - } -} - -.p-input-filled { - .p-treeselect { - background: $inputFilledBg; - - &:not(.p-disabled):hover { - background-color: $inputFilledHoverBg; - } - - &:not(.p-disabled).p-focus { - background-color: $inputFilledFocusBg; - } - } -} - -p-treeselect.p-treeselect-clearable { - .p-treeselect-label-container { - padding-right: nth($inputPadding, 2) + $primeIconFontSize; - } - - .p-treeselect-clear-icon { - color: $inputIconColor; - right: $buttonIconOnlyWidth; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_breadcrumb.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_breadcrumb.scss deleted file mode 100644 index 5dd68b9..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_breadcrumb.scss +++ /dev/null @@ -1,42 +0,0 @@ -.p-breadcrumb { - background: $breadcrumbBg; - border: $breadcrumbBorder; - border-radius: $borderRadius; - padding: $breadcrumbPadding; - - .p-breadcrumb-list { - li { - .p-menuitem-link { - transition: $listItemTransition; - border-radius: $borderRadius; - - &:focus-visible { - @include focused(); - } - - .p-menuitem-text { - color: $breadcrumbItemTextColor; - } - - .p-menuitem-icon { - color: $breadcrumbItemIconColor; - } - } - - &.p-menuitem-separator { - margin: 0 $inlineSpacing 0 $inlineSpacing; - color: $breadcrumbSeparatorColor; - } - - &:last-child { - .p-menuitem-text { - color: $breadcrumbLastItemTextColor; - } - - .p-menuitem-icon { - color: $breadcrumbLastItemIconColor; - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_contextmenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_contextmenu.scss deleted file mode 100644 index 88964af..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_contextmenu.scss +++ /dev/null @@ -1,39 +0,0 @@ -.p-contextmenu { - padding: $verticalMenuPadding; - background: $overlayMenuBg; - color: $menuTextColor; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - border-radius: $borderRadius; - width: $menuWidth; - - .p-contextmenu-root-list { - outline: 0 none; - } - - .p-submenu-list { - padding: $verticalMenuPadding; - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - border-radius: $borderRadius; - } - - .p-menuitem { - @include menuitem(); - } - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-submenu-icon { - font-size: $menuitemSubmenuIconFontSize; - - &.p-icon { - width: $menuitemSubmenuIconFontSize; - height: $menuitemSubmenuIconFontSize; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_dock.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_dock.scss deleted file mode 100644 index 0a14461..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_dock.scss +++ /dev/null @@ -1,95 +0,0 @@ -.p-dock { - .p-dock-list-container { - background: $dockBg; - border: $dockBorder; - padding: $dockPadding; - border-radius: $dockBorderRadius; - - .p-dock-list { - outline: 0 none; - } - } - - .p-dock-item { - padding: $dockItemPadding; - border-radius: $dockItemBorderRadius; - - &.p-focus { - @include focused-listitem(); - } - } - - .p-dock-link { - width: $dockActionWidth; - height: $dockActionHeight; - } - - &.p-dock-top, - &.p-dock-bottom { - .p-dock-item-second-prev, - .p-dock-item-second-next { - margin: 0 $dockSecondItemsMargin; - } - - .p-dock-item-prev, - .p-dock-item-next { - margin: 0 $dockFirstItemsMargin; - } - - .p-dock-item-current { - margin: 0 $dockCurrentItemMargin; - } - } - - &.p-dock-left, - &.p-dock-right { - .p-dock-item-second-prev, - .p-dock-item-second-next { - margin: $dockSecondItemsMargin 0; - } - - .p-dock-item-prev, - .p-dock-item-next { - margin: $dockFirstItemsMargin 0; - } - - .p-dock-item-current { - margin: $dockCurrentItemMargin 0; - } - } -} - -@media screen and (max-width: 960px) { - .p-dock { - &.p-dock-top, - &.p-dock-bottom { - .p-dock-list-container { - overflow-x: auto; - width: 100%; - - .p-dock-list { - margin: 0 auto; - } - } - } - - &.p-dock-left, - &.p-dock-right { - .p-dock-list-container { - overflow-y: auto; - height: 100%; - - .p-dock-list { - margin: auto 0; - } - } - } - - .p-dock-list { - .p-dock-item { - transform: none; - margin: 0; - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_megamenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_megamenu.scss deleted file mode 100644 index 2f2df84..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_megamenu.scss +++ /dev/null @@ -1,55 +0,0 @@ -.p-megamenu { - padding: $horizontalMenuPadding; - background: $horizontalMenuBg; - color: $horizontalMenuTextColor; - border: $horizontalMenuBorder; - border-radius: $borderRadius; - - .p-megamenu-root-list { - outline: 0 none; - } - - .p-menuitem { - @include menuitem(); - } - - .p-megamenu-panel { - background: $overlayMenuBg; - color: $menuTextColor; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-submenu-header { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-submenu-list { - padding: $verticalMenuPadding; - width: $menuWidth; - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - } - - &.p-megamenu-vertical { - width: $menuWidth; - padding: $verticalMenuPadding; - } - - &.p-megamenu-horizontal { - .p-megamenu-root-list { - > .p-menuitem { - @include horizontal-rootmenuitem(); - } - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_menu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_menu.scss deleted file mode 100644 index 913419a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_menu.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-menu { - padding: $verticalMenuPadding; - background: $menuBg; - color: $menuTextColor; - border: $menuBorder; - border-radius: $borderRadius; - width: $menuWidth; - - .p-menuitem { - @include menuitem(); - } - - &.p-menu-overlay { - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-submenu-header { - margin: $submenuHeaderMargin; - padding: $submenuHeaderPadding; - color: $submenuHeaderTextColor; - background: $submenuHeaderBg; - font-weight: $submenuHeaderFontWeight; - border-top-right-radius: $submenuHeaderBorderRadius; - border-top-left-radius: $submenuHeaderBorderRadius; - } - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-menuitem-badge { - @include menuitem-badge(); - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_menubar.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_menubar.scss deleted file mode 100644 index 1fb2d8a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_menubar.scss +++ /dev/null @@ -1,141 +0,0 @@ -.p-menubar { - padding: $horizontalMenuPadding; - background: $horizontalMenuBg; - color: $horizontalMenuTextColor; - border: $horizontalMenuBorder; - border-radius: $borderRadius; - - .p-menubar-root-list { - outline: 0 none; - - > .p-menuitem { - @include horizontal-rootmenuitem(); - } - } - - .p-menuitem { - @include menuitem(); - } - - .p-submenu-list { - padding: $verticalMenuPadding; - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - width: $menuWidth; - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-submenu-icon { - font-size: $menuitemSubmenuIconFontSize; - } - } -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - - .p-menubar-button { - display: flex; - width: $actionIconWidth; - height: $actionIconHeight; - color: $horizontalMenuRootMenuitemIconColor; - border-radius: $actionIconBorderRadius; - transition: $actionIconTransition; - - &:hover { - color: $horizontalMenuRootMenuitemIconHoverColor; - background: $horizontalMenuRootMenuitemHoverBg; - } - - &:focus { - @include focused(); - } - } - - .p-menubar-root-list { - position: absolute; - display: none; - padding: $verticalMenuPadding; - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - width: 100%; - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-submenu-icon { - font-size: $menuitemSubmenuIconFontSize; - } - - .p-menuitem { - width: 100%; - position: static; - - .p-menuitem-content { - .p-menuitem-link { - .p-submenu-icon { - margin-left: auto; - transition: transform $transitionDuration; - } - } - } - - - &.p-menuitem-active { - > .p-menuitem-content { - > .p-menuitem-link { - > .p-submenu-icon { - transform: rotate(-180deg); - } - } - } - } - } - - .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - - .p-submenu-icon { - transition: transform $transitionDuration; - transform: rotate(90deg); - } - - .p-menuitem-active { - > .p-menuitem-content { - > .p-menuitem-link { - > .p-submenu-icon { - transform: rotate(-90deg); - } - } - } - } - } - - .p-menuitem { - width: 100%; - position: static; - } - - @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10); - } - - &.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_panelmenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_panelmenu.scss deleted file mode 100644 index c5907c5..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_panelmenu.scss +++ /dev/null @@ -1,153 +0,0 @@ -.p-panelmenu { - .p-panelmenu-header { - outline: 0 none; - - .p-panelmenu-header-content { - border: $accordionHeaderBorder; - color: $accordionHeaderTextColor; - background: $accordionHeaderBg; - border-radius: $borderRadius; - transition: $listItemTransition; - - .p-panelmenu-header-action { - color: $accordionHeaderTextColor; - padding: $accordionHeaderPadding; - font-weight: $accordionHeaderFontWeight; - - .p-submenu-icon { - margin-right: $inlineSpacing; - } - - .p-menuitem-icon { - margin-right: $inlineSpacing; - } - } - } - - &:not(.p-disabled) { - &:focus-visible { - .p-panelmenu-header-content { - @include focused-inset(); - } - } - } - - &:not(.p-highlight):not(.p-disabled):hover { - .p-panelmenu-header-content { - background: $accordionHeaderHoverBg; - border-color: $accordionHeaderHoverBorderColor; - color: $accordionHeaderTextHoverColor; - } - } - - &:not(.p-disabled).p-highlight { - .p-panelmenu-header-content { - background: $accordionHeaderActiveBg; - border-color: $accordionHeaderActiveBorderColor; - color: $accordionHeaderTextActiveColor; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - - &:hover { - .p-panelmenu-header-content { - border-color: $accordionHeaderActiveHoverBorderColor; - background: $accordionHeaderActiveHoverBg; - color: $accordionHeaderTextActiveHoverColor; - } - } - } - } - - .p-panelmenu-content { - padding: $verticalMenuPadding; - border: $accordionContentBorder; - background: $accordionContentBg; - color: $accordionContentTextColor; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - .p-panelmenu-root-list { - outline: 0 none; - } - - .p-menuitem { - @include menuitem(); - - .p-menuitem-content { - .p-menuitem-link { - .p-submenu-icon { - margin-right: $inlineSpacing; - } - } - } - } - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-submenu-list:not(.p-panelmenu-root-list) { - padding: $treeNodeChildrenPadding; - } - } - - .p-panelmenu-panel { - margin-bottom: $accordionSpacing; - - @if $accordionSpacing == 0 { - .p-panelmenu-header { - .p-panelmenu-header-content { - border-radius: 0; - } - } - - .p-panelmenu-content { - border-radius: 0; - } - - &:not(:first-child) { - .p-panelmenu-header { - .p-panelmenu-header-content { - border-top: 0 none; - } - - &:not(.p-highlight):not(.p-disabled):hover, - &:not(.p-disabled).p-highlight:hover { - .p-panelmenu-header-content { - border-top: 0 none; - } - } - } - } - - &:first-child { - .p-panelmenu-header { - .p-panelmenu-header-content { - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - } - } - - &:last-child { - .p-panelmenu-header:not(.p-highlight) { - .p-panelmenu-header-content { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - - .p-panelmenu-content { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_slidemenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_slidemenu.scss deleted file mode 100644 index f69f186..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_slidemenu.scss +++ /dev/null @@ -1,59 +0,0 @@ -.p-slidemenu { - padding: $verticalMenuPadding; - background: $menuBg; - color: $menuTextColor; - border: $menuBorder; - border-radius: $borderRadius; - width: $menuWidth; - - .p-slidemenu-root-list { - outline: 0 none; - } - - .p-submenu-list { - outline: 0 none; - } - - .p-menuitem { - @include menuitem(); - } - - &.p-slidemenu-overlay { - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-slidemenu-list { - padding: $verticalMenuPadding; - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-slidemenu-icon { - font-size: $menuitemSubmenuIconFontSize; - } - - .p-icon { - width: $menuitemSubmenuIconFontSize; - height: $menuitemSubmenuIconFontSize; - } - - .p-slidemenu-backward { - padding: $menuitemPadding; - color: $menuitemTextColor; - &:not(.p-disabled):focus { - @include focused-inset(); - } - } - - .p-menuitem-badge { - @include menuitem-badge(); - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_steps.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_steps.scss deleted file mode 100644 index 9ad2297..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_steps.scss +++ /dev/null @@ -1,56 +0,0 @@ -@use 'sass:math'; - -.p-steps { - .p-steps-item { - .p-menuitem-link { - background: transparent; - transition: $listItemTransition; - border-radius: $borderRadius; - background: $stepsItemBg; - - .p-steps-number { - color: $stepsItemNumberColor; - border: $stepsItemBorder; - background: $stepsItemBg; - min-width: $stepsItemNumberWidth; - height: $stepsItemNumberHeight; - line-height: $stepsItemNumberHeight; - font-size: $stepsItemNumberFontSize; - z-index: 1; - border-radius: $stepsItemNumberBorderRadius; - } - - .p-steps-title { - margin-top: $inlineSpacing; - color: $stepsItemTextColor; - } - - &:not(.p-disabled):focus-visible { - @include focused(); - } - } - - &.p-highlight { - .p-steps-number { - background: $highlightBg; - color: $highlightTextColor; - } - - .p-steps-title { - font-weight: $stepsItemActiveFontWeight; - color: $textColor; - } - } - - &:before { - content:' '; - border-top: $divider; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: math.div(-1 * $stepsItemNumberHeight, 2); - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_tabmenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_tabmenu.scss deleted file mode 100644 index 54ac8fb..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_tabmenu.scss +++ /dev/null @@ -1,74 +0,0 @@ -.p-tabmenu { - .p-tabmenu-nav { - background: $tabviewNavBg; - border: $tabviewNavBorder; - border-width: $tabviewNavBorderWidth; - - - .p-menuitem-badge { - @include menuitem-badge(); - } - - .p-tabmenuitem { - margin-right: $tabviewHeaderSpacing; - - .p-menuitem-link { - border: $tabviewHeaderBorder; - border-width: $tabviewHeaderBorderWidth; - border-color: $tabviewHeaderBorderColor; - background: $tabviewHeaderBg; - color: $tabviewHeaderTextColor; - padding: $tabviewHeaderPadding; - font-weight: $tabviewHeaderFontWeight; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - transition: $listItemTransition; - margin: $tabviewHeaderMargin; - - .p-menuitem-icon { - margin-right: $inlineSpacing; - } - - &:not(.p-disabled):focus-visible { - @include focused-inset(); - } - } - - &:not(.p-highlight):not(.p-disabled):hover { - .p-menuitem-link { - background: $tabviewHeaderHoverBg; - border-color: $tabviewHeaderHoverBorderColor; - color: $tabviewHeaderTextHoverColor; - } - } - - &.p-highlight { - .p-menuitem-link { - background: $tabviewHeaderActiveBg; - border-color: $tabviewHeaderActiveBorderColor; - color: $tabviewHeaderTextActiveColor; - } - } - } - } - - .p-tabmenu-left-icon { - margin-right: $inlineSpacing; - } - - .p-tabmenu-right-icon { - margin-left: $inlineSpacing; - } - - .p-tabmenu-nav-btn.p-link { - background: $tabviewHeaderActiveBg; - color: $tabviewHeaderTextActiveColor; - width: $buttonIconOnlyWidth; - box-shadow: $raisedButtonShadow; - border-radius: 0; - - &:focus { - @include focused-inset(); - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/menu/_tieredmenu.scss b/tiles/assets/layout/styles/theme/theme-base/components/menu/_tieredmenu.scss deleted file mode 100644 index 205a241..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/menu/_tieredmenu.scss +++ /dev/null @@ -1,43 +0,0 @@ -.p-tieredmenu { - padding: $verticalMenuPadding; - background: $menuBg; - color: $menuTextColor; - border: $menuBorder; - border-radius: $borderRadius; - width: $menuWidth; - - &.p-tieredmenu-overlay { - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-tieredmenu-root-list { - outline: 0 none; - } - - .p-submenu-list { - padding: $verticalMenuPadding; - background: $overlayMenuBg; - border: $overlayMenuBorder; - box-shadow: $overlayMenuShadow; - } - - .p-menuitem { - @include menuitem(); - } - - .p-menuitem-separator { - border-top: $divider; - margin: $menuSeparatorMargin; - } - - .p-submenu-icon { - font-size: $menuitemSubmenuIconFontSize; - - &.p-icon { - width: $menuitemSubmenuIconFontSize; - height: $menuitemSubmenuIconFontSize; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/messages/_inlinemessage.scss b/tiles/assets/layout/styles/theme/theme-base/components/messages/_inlinemessage.scss deleted file mode 100644 index 1ec2159..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/messages/_inlinemessage.scss +++ /dev/null @@ -1,69 +0,0 @@ -.p-inline-message { - padding: $inlineMessagePadding; - margin: $inlineMessageMargin; - border-radius: $borderRadius; - - &.p-inline-message-info { - background: $infoMessageBg; - border: $infoMessageBorder; - border-width: $inlineMessageBorderWidth; - color: $infoMessageTextColor; - - .p-inline-message-icon { - color: $infoMessageIconColor; - } - } - - &.p-inline-message-success { - background: $successMessageBg; - border: $successMessageBorder; - border-width: $inlineMessageBorderWidth; - color: $successMessageTextColor; - - .p-inline-message-icon { - color: $successMessageIconColor; - } - } - - &.p-inline-message-warn { - background: $warningMessageBg; - border: $warningMessageBorder; - border-width: $inlineMessageBorderWidth; - color: $warningMessageTextColor; - - .p-inline-message-icon { - color: $warningMessageIconColor; - } - } - - &.p-inline-message-error { - background: $errorMessageBg; - border: $errorMessageBorder; - border-width: $inlineMessageBorderWidth; - color: $errorMessageTextColor; - - .p-inline-message-icon { - color: $errorMessageIconColor; - } - } - - .p-inline-message-icon { - font-size: $inlineMessageIconFontSize; - margin-right: $inlineSpacing; - } - - .p-icon { - width: $inlineMessageIconFontSize; - height: $inlineMessageIconFontSize; - } - - .p-inline-message-text { - font-size: $inlineMessageTextFontSize; - } - - &.p-inline-message-icon-only { - .p-inline-message-icon { - margin-right: 0; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/messages/_message.scss b/tiles/assets/layout/styles/theme/theme-base/components/messages/_message.scss deleted file mode 100644 index 249372a..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/messages/_message.scss +++ /dev/null @@ -1,107 +0,0 @@ -.p-message { - margin: $messageMargin; - border-radius: $borderRadius; - - .p-message-wrapper { - padding: $messagePadding; - } - - .p-message-close { - width: $actionIconWidth; - height: $actionIconHeight; - border-radius: $actionIconBorderRadius; - background: transparent; - transition: $actionIconTransition; - - &:hover { - background: rgba(255,255,255,.5); - } - - &:focus-visible { - @include focused(); - } - } - - &.p-message-info { - background: $infoMessageBg; - border: $infoMessageBorder; - border-width: $messageBorderWidth; - color: $infoMessageTextColor; - - .p-message-icon { - color: $infoMessageIconColor; - } - - .p-message-close { - color: $infoMessageIconColor; - } - } - - &.p-message-success { - background: $successMessageBg; - border: $successMessageBorder; - border-width: $messageBorderWidth; - color: $successMessageTextColor; - - .p-message-icon { - color: $successMessageIconColor; - } - - .p-message-close { - color: $successMessageIconColor; - } - } - - &.p-message-warn { - background: $warningMessageBg; - border: $warningMessageBorder; - border-width: $messageBorderWidth; - color: $warningMessageTextColor; - - .p-message-icon { - color: $warningMessageIconColor; - } - - .p-message-close { - color: $warningMessageIconColor; - } - } - - &.p-message-error { - background: $errorMessageBg; - border: $errorMessageBorder; - border-width: $messageBorderWidth; - color: $errorMessageTextColor; - - .p-message-icon { - color: $errorMessageIconColor; - } - - .p-message-close { - color: $errorMessageIconColor; - } - } - - .p-message-text { - font-size: $messageTextFontSize; - font-weight: $messageTextFontWeight; - } - - .p-message-icon { - font-size: $messageIconFontSize; - margin-right: $inlineSpacing; - } - - .p-icon { - width: $messageIconFontSize; - height: $messageIconFontSize; - } - - .p-message-summary { - font-weight: 700; - } - - .p-message-detail { - margin-left: $inlineSpacing; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/messages/_toast.scss b/tiles/assets/layout/styles/theme/theme-base/components/messages/_toast.scss deleted file mode 100644 index 4f25c93..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/messages/_toast.scss +++ /dev/null @@ -1,100 +0,0 @@ -.p-toast { - opacity: $toastOpacity; - - .p-toast-message { - margin: $toastMargin; - box-shadow: $toastShadow; - border-radius: $borderRadius; - - .p-toast-message-content { - padding: $toastPadding; - border-width: $toastBorderWidth; - - .p-toast-message-text { - margin: $toastMessageTextMargin; - } - - .p-toast-message-icon { - font-size: $toastIconFontSize; - } - - .p-icon:not(.p-toast-icon-close-icon) { - width: $toastIconFontSize; - height: $toastIconFontSize; - } - - .p-toast-summary { - font-weight: $toastTitleFontWeight; - } - - .p-toast-detail { - margin: $toastDetailMargin; - } - } - - .p-toast-icon-close { - width: $toastIconFontSize; - height: $toastIconFontSize; - border-radius: $actionIconBorderRadius; - background: transparent; - transition: $actionIconTransition; - - &:hover { - background: rgba(255,255,255,.5); - } - - &:focus-visible { - @include focused(); - } - } - - &.p-toast-message-info { - background: $infoMessageBg; - border: $infoMessageBorder; - border-width: $messageBorderWidth; - color: $infoMessageTextColor; - - .p-toast-message-icon, - .p-toast-icon-close { - color: $infoMessageIconColor; - } - } - - &.p-toast-message-success { - background: $successMessageBg; - border: $successMessageBorder; - border-width: $messageBorderWidth; - color: $successMessageTextColor; - - .p-toast-message-icon, - .p-toast-icon-close { - color: $successMessageIconColor; - } - } - - &.p-toast-message-warn { - background: $warningMessageBg; - border: $warningMessageBorder; - border-width: $messageBorderWidth; - color: $warningMessageTextColor; - - .p-toast-message-icon, - .p-toast-icon-close { - color: $warningMessageIconColor; - } - } - - &.p-toast-message-error { - background: $errorMessageBg; - border: $errorMessageBorder; - border-width: $messageBorderWidth; - color: $errorMessageTextColor; - - .p-toast-message-icon, - .p-toast-icon-close { - color: $errorMessageIconColor; - } - } - - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_avatar.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_avatar.scss deleted file mode 100644 index d169b82..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_avatar.scss +++ /dev/null @@ -1,30 +0,0 @@ -.p-avatar { - background-color: $avatarBg; - border-radius: $borderRadius; - - &.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; - - .p-avatar-icon { - font-size: 1.5rem; - } - } - - &.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; - - .p-avatar-icon { - font-size: 2rem; - } - } -} - -.p-avatar-group { - .p-avatar { - border: 2px solid $panelContentBg; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_badge.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_badge.scss deleted file mode 100644 index 96467bd..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_badge.scss +++ /dev/null @@ -1,48 +0,0 @@ -.p-badge { - background: $badgeBg; - color: $badgeTextColor; - font-size: $badgeFontSize; - font-weight: $badgeFontWeight; - min-width: $badgeMinWidth; - height: $badgeHeight; - line-height: $badgeHeight; - - &.p-badge-secondary { - background-color: $secondaryButtonBg; - color: $secondaryButtonTextColor; - } - - &.p-badge-success { - background-color: $successButtonBg; - color: $successButtonTextColor; - } - - &.p-badge-info { - background-color: $infoButtonBg; - color: $infoButtonTextColor; - } - - &.p-badge-warning { - background-color: $warningButtonBg; - color: $warningButtonTextColor; - } - - &.p-badge-danger { - background-color: $dangerButtonBg; - color: $dangerButtonTextColor; - } - - &.p-badge-lg { - font-size: 1.5 * $badgeFontSize; - min-width: 1.5 * $badgeMinWidth; - height: 1.5 * $badgeHeight; - line-height: 1.5 * $badgeHeight; - } - - &.p-badge-xl { - font-size: 2 * $badgeFontSize; - min-width: 2 * $badgeMinWidth; - height: 2 * $badgeHeight; - line-height: 2 * $badgeHeight; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_blockui.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_blockui.scss deleted file mode 100644 index e69de29..0000000 diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_chip.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_chip.scss deleted file mode 100644 index a689663..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_chip.scss +++ /dev/null @@ -1,42 +0,0 @@ -@use 'sass:math'; - -.p-chip { - background-color: $chipBg; - color: $chipTextColor; - border-radius: $chipBorderRadius; - padding: 0 nth($inputPadding, 2); - - .p-chip-text { - line-height: 1.5; - margin-top: math.div(nth($inputPadding, 1), 2); - margin-bottom: math.div(nth($inputPadding, 1), 2); - } - - .p-chip-icon { - margin-right: $inlineSpacing; - } - - .pi-chip-remove-icon { - margin-left: $inlineSpacing; - } - - img { - width: 1.5 + nth($inputPadding, 1); - height: 1.5 + nth($inputPadding, 1); - margin-left: -1 * nth($inputPadding, 2); - margin-right: $inlineSpacing; - } - - .pi-chip-remove-icon { - border-radius: $borderRadius; - transition: $actionIconTransition; - - &:focus-visible { - @include focused(); - } - - &:focus { - outline: 0 none; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_inplace.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_inplace.scss deleted file mode 100644 index 8f64b69..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_inplace.scss +++ /dev/null @@ -1,17 +0,0 @@ -.p-inplace { - .p-inplace-display { - padding: $inplacePadding; - border-radius: $borderRadius; - transition: $formElementTransition; - - &:not(.p-disabled):hover { - background: $inplaceHoverBg; - color: $inplaceTextHoverColor; - } - - &:focus { - @include focused(); - } - } -} - diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_progressbar.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_progressbar.scss deleted file mode 100644 index 7cf0ea6..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_progressbar.scss +++ /dev/null @@ -1,17 +0,0 @@ -.p-progressbar { - border: $progressBarBorder; - height: $progressBarHeight; - background: $progressBarBg; - border-radius: $borderRadius; - - .p-progressbar-value { - border: 0 none; - margin: 0; - background: $progressBarValueBg; - } - - .p-progressbar-label { - color: $progressBarValueTextColor; - line-height: $progressBarHeight; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_scrolltop.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_scrolltop.scss deleted file mode 100644 index 371c0d2..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_scrolltop.scss +++ /dev/null @@ -1,25 +0,0 @@ -.p-scrolltop { - width: $scrollTopWidth; - height: $scrollTopHeight; - border-radius: $scrollTopBorderRadius; - box-shadow: $inputOverlayShadow; - transition: $actionIconTransition; - - &.p-link { - background: $scrollTopBg; - - &:hover { - background: $scrollTopHoverBg; - } - } - - .p-scrolltop-icon { - font-size: $scrollTopFontSize; - color: $scrollTopTextColor; - } - - .p-icon { - width: $scrollTopFontSize; - height: $scrollTopFontSize; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_skeleton.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_skeleton.scss deleted file mode 100644 index 24b3d92..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_skeleton.scss +++ /dev/null @@ -1,8 +0,0 @@ -.p-skeleton { - background-color: $skeletonBg; - border-radius: $borderRadius; - - &:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0)); - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_tag.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_tag.scss deleted file mode 100644 index 529d973..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_tag.scss +++ /dev/null @@ -1,40 +0,0 @@ -@use 'sass:math'; - -.p-tag { - background: $badgeBg; - color: $badgeTextColor; - font-size: $badgeFontSize; - font-weight: $badgeFontWeight; - padding: $tagPadding; - border-radius: $borderRadius; - - &.p-tag-success { - background-color: $successButtonBg; - color: $successButtonTextColor; - } - - &.p-tag-info { - background-color: $infoButtonBg; - color: $infoButtonTextColor; - } - - &.p-tag-warning { - background-color: $warningButtonBg; - color: $warningButtonTextColor; - } - - &.p-tag-danger { - background-color: $dangerButtonBg; - color: $dangerButtonTextColor; - } - - .p-tag-icon { - margin-right: math.div($inlineSpacing, 2); - font-size: $badgeFontSize; - } - - .p-icon { - width: $badgeFontSize; - height: $badgeFontSize; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/misc/_terminal.scss b/tiles/assets/layout/styles/theme/theme-base/components/misc/_terminal.scss deleted file mode 100644 index 43815ba..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/misc/_terminal.scss +++ /dev/null @@ -1,12 +0,0 @@ -.p-terminal { - background: $panelContentBg; - color: $panelContentTextColor; - border: $panelContentBorder; - padding: $panelContentPadding; - - .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: $inputTextFontSize; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_galleria.scss b/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_galleria.scss deleted file mode 100644 index e57b320..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_galleria.scss +++ /dev/null @@ -1,155 +0,0 @@ -.p-galleria { - .p-galleria-close { - margin: $galleriaCloseIconMargin; - background: $galleriaCloseIconBg; - color: $galleriaCloseIconColor; - width: $galleriaCloseIconWidth; - height: $galleriaCloseIconHeight; - transition: $actionIconTransition; - border-radius: $galleriaCloseIconBorderRadius; - - .p-galleria-close-icon { - font-size: $galleriaCloseIconFontSize; - } - - .p-icon-wrapper { - .p-icon { - width: $galleriaCloseIconFontSize; - height: $galleriaCloseIconFontSize; - } - } - - &:hover { - background: $galleriaCloseIconHoverBg; - color: $galleriaCloseIconHoverColor; - } - } - - .p-galleria-item-nav { - background: $galleriaItemNavigatorBg; - color: $galleriaItemNavigatorColor; - width: $galleriaItemNavigatorWidth; - height: $galleriaItemNavigatorHeight; - transition: $actionIconTransition; - border-radius: $galleriaItemNavigatorBorderRadius; - margin: $galleriaItemNavigatorMargin; - - .p-galleria-item-prev-icon, - .p-galleria-item-next-icon { - font-size: $galleriaItemNavigatorFontSize; - } - - .p-icon-wrapper { - .p-icon { - width: $galleriaCloseIconFontSize; - height: $galleriaCloseIconFontSize; - } - } - - &:not(.p-disabled) { - &:hover { - background: $galleriaItemNavigatorHoverBg; - color: $galleriaItemNavigatorHoverColor; - } - } - } - - .p-galleria-caption { - background: $galleriaCaptionBg; - color: $galleriaCaptionTextColor; - padding: $galleriaCaptionPadding; - } - - .p-galleria-indicators { - padding: $galleriaIndicatorsPadding; - - .p-galleria-indicator { - button { - background-color: $galleriaIndicatorBg; - width: $galleriaIndicatorWidth; - height: $galleriaIndicatorHeight; - transition: $actionIconTransition; - border-radius: $galleriaIndicatorBorderRadius; - - &:hover { - background: $galleriaIndicatorHoverBg; - } - } - - &.p-highlight { - button { - background: $highlightBg; - color: $highlightTextColor; - } - } - } - } - - &.p-galleria-indicators-bottom, - &.p-galleria-indicators-top { - .p-galleria-indicator { - margin-right: $inlineSpacing; - } - } - - &.p-galleria-indicators-left, - &.p-galleria-indicators-right { - .p-galleria-indicator { - margin-bottom: $inlineSpacing; - } - } - - &.p-galleria-indicator-onitem { - .p-galleria-indicators { - background: $galleriaIndicatorsBgOnItem; - - .p-galleria-indicator { - button { - background: $galleriaIndicatorBgOnItem; - - &:hover { - background: $galleriaIndicatorHoverBgOnItem; - } - } - - &.p-highlight { - button { - background: $highlightBg; - color: $highlightTextColor; - } - } - } - } - } - - .p-galleria-thumbnail-container { - background: $galleriaThumbnailContainerBg; - padding: $galleriaThumbnailContainerPadding; - - .p-galleria-thumbnail-prev, - .p-galleria-thumbnail-next { - margin: $inlineSpacing; - background-color: $galleriaThumbnailNavigatorBg; - color: $galleriaThumbnailNavigatorColor; - width: $galleriaThumbnailNavigatorWidth; - height: $galleriaThumbnailNavigatorHeight; - transition: $actionIconTransition; - border-radius: $galleriaThumbnailNavigatorBorderRadius; - - &:hover { - background: $galleriaThumbnailNavigatorHoverBg; - color: $galleriaThumbnailNavigatorHoverColor; - } - } - - .p-galleria-thumbnail-item-content { - &:focus-visible { - @include focused(); - } - } - } -} - -.p-galleria-mask { - --maskbg: #{$galleriaMaskBg}; -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_image.scss b/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_image.scss deleted file mode 100644 index 4ec713d..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/multimedia/_image.scss +++ /dev/null @@ -1,49 +0,0 @@ -.p-image-mask { - --maskbg: #{$imageMaskBg}; -} - -.p-image-preview-indicator { - background-color: transparent; - color: $imagePreviewIndicatorColor; - transition: $actionIconTransition; -} - -.p-image-preview-container { - &:hover { - > .p-image-preview-indicator { - background-color: $imagePreviewIndicatorBg; - } - } -} - -.p-image-toolbar { - padding: $imagePreviewToolbarPadding; -} - -.p-image-action.p-link { - color: $imagePreviewActionIconColor; - background-color: $imagePreviewActionIconBg; - width: $imagePreviewActionIconWidth; - height: $imagePreviewActionIconHeight; - border-radius: $imagePreviewActionIconBorderRadius; - transition: $actionIconTransition; - margin-right: $inlineSpacing; - - &:last-child { - margin-right: 0; - } - - &:hover { - color: $imagePreviewActionIconHoverColor; - background-color: $imagePreviewActionIconHoverBg; - } - - i { - font-size: $imagePreviewActionIconFontSize; - } - - .p-icon { - width: $imagePreviewActionIconFontSize; - height: $imagePreviewActionIconFontSize; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_confirmpopup.scss b/tiles/assets/layout/styles/theme/theme-base/components/overlay/_confirmpopup.scss deleted file mode 100644 index d6659e1..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_confirmpopup.scss +++ /dev/null @@ -1,72 +0,0 @@ -.p-confirm-popup { - background: $overlayContentBg; - color: $panelContentTextColor; - border: $overlayContentBorder; - border-radius: $borderRadius; - box-shadow: $overlayContainerShadow; - - .p-confirm-popup-content { - padding: $panelContentPadding; - } - - .p-confirm-popup-footer { - text-align: right; - padding: $panelFooterPadding; - - button { - margin: 0 $inlineSpacing 0 0; - width: auto; - - &:last-child { - margin: 0; - } - } - } - - &:after { - border: solid transparent; - border-color: rgba($overlayContentBg, 0); - border-bottom-color: $overlayContentBg; - } - - &:before { - border: solid transparent; - - @if (nth($overlayContentBorder, 2) == 'none') { - border-color: rgba($overlayContentBg, 0); - border-bottom-color: $overlayContentBg; - } - @else { - border-color: rgba(nth($overlayContentBorder, 3), 0); - border-bottom-color: nth($overlayContentBorder, 3); - } - } - - &.p-confirm-popup-flipped { - &:after { - border-top-color: $overlayContentBg; - } - - &:before { - @if (nth($overlayContentBorder, 2) == 'none') { - border-top-color: $overlayContentBg; - } - @else { - border-top-color: nth($overlayContentBorder, 3); - } - } - } - - .p-confirm-popup-icon { - font-size: $primeIconFontSize * 1.5; - - &.p-icon { - width: $primeIconFontSize * 1.5; - height: $primeIconFontSize * 1.5; - } - } - - .p-confirm-popup-message { - margin-left: $inlineSpacing * 2; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_dialog.scss b/tiles/assets/layout/styles/theme/theme-base/components/overlay/_dialog.scss deleted file mode 100644 index 091a676..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_dialog.scss +++ /dev/null @@ -1,69 +0,0 @@ -.p-dialog { - border-radius: $borderRadius; - box-shadow: $overlayContainerShadow; - border: $overlayContentBorder; - - .p-dialog-header { - border-bottom: $dialogHeaderBorder; - background: $dialogHeaderBg; - color: $dialogHeaderTextColor; - padding: $dialogHeaderPadding; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-dialog-title { - font-weight: $dialogHeaderFontWeight; - font-size: $dialogHeaderFontSize; - } - - .p-dialog-header-icon { - @include action-icon(); - margin-right: $inlineSpacing; - - &:last-child { - margin-right: 0; - } - } - } - - .p-dialog-content { - background: $overlayContentBg; - color: $panelContentTextColor; - padding: $dialogContentPadding; - - &:last-of-type { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - - .p-dialog-footer { - border-top: $dialogFooterBorder; - background: $overlayContentBg; - color: $panelFooterTextColor; - padding: $dialogFooterPadding; - text-align: right; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - button { - margin: 0 $inlineSpacing 0 0; - width: auto; - } - } - - &.p-confirm-dialog { - .p-confirm-dialog-icon { - font-size: $primeIconFontSize * 2; - - &.p-icon { - width: $primeIconFontSize * 2; - height: $primeIconFontSize * 2; - } - } - - .p-confirm-dialog-message { - margin-left: $inlineSpacing * 2; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_overlaypanel.scss b/tiles/assets/layout/styles/theme/theme-base/components/overlay/_overlaypanel.scss deleted file mode 100644 index e635041..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_overlaypanel.scss +++ /dev/null @@ -1,64 +0,0 @@ -@use 'sass:math'; - -.p-overlaypanel { - background: $overlayContentBg; - color: $panelContentTextColor; - border: $overlayContentBorder; - border-radius: $borderRadius; - box-shadow: $overlayContainerShadow; - - .p-overlaypanel-content { - padding: $panelContentPadding; - } - - .p-overlaypanel-close { - background: $buttonBg; - color: $buttonTextColor; - width: $actionIconWidth; - height: $actionIconHeight; - transition: $actionIconTransition; - border-radius: $actionIconBorderRadius; - position: absolute; - top: math.div(-1 * $actionIconWidth, 2); - right: math.div(-1 * $actionIconWidth, 2); - - &:enabled:hover { - background: $buttonHoverBg; - color: $buttonTextHoverColor; - } - } - - &:after { - border: solid transparent; - border-color: rgba($overlayContentBg, 0); - border-bottom-color: $overlayContentBg; - } - - &:before { - border: solid transparent; - - @if (nth($overlayContentBorder, 2) == 'none') { - border-color: rgba($overlayContentBg, 0); - border-bottom-color: scale-color($overlayContentBg, $lightness: -5%); - } - @else { - border-color: rgba(nth($overlayContentBorder, 3), 0); - border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%); - } - } - - &.p-overlaypanel-flipped { - &:after { - border-top-color: $overlayContentBg; - } - - &:before { - @if (nth($overlayContentBorder, 2) == 'none') { - border-top-color: $overlayContentBg; - } - @else { - border-top-color: nth($overlayContentBorder, 3); - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_sidebar.scss b/tiles/assets/layout/styles/theme/theme-base/components/overlay/_sidebar.scss deleted file mode 100644 index 55b3bd1..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_sidebar.scss +++ /dev/null @@ -1,27 +0,0 @@ -.p-sidebar { - background: $overlayContentBg; - color: $panelContentTextColor; - border: $overlayContentBorder; - box-shadow: $overlayContainerShadow; - - .p-sidebar-header { - padding: $panelHeaderPadding; - - .p-sidebar-close, - .p-sidebar-icon { - @include action-icon(); - } - - & + .p-sidebar-content { - padding-top: 0; - } - } - - .p-sidebar-content { - padding: $panelContentPadding; - } - - .p-sidebar-footer { - padding: $panelHeaderPadding; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_tooltip.scss b/tiles/assets/layout/styles/theme/theme-base/components/overlay/_tooltip.scss deleted file mode 100644 index 47cce55..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/overlay/_tooltip.scss +++ /dev/null @@ -1,33 +0,0 @@ -.p-tooltip { - .p-tooltip-text { - background: $tooltipBg; - color: $tooltipTextColor; - padding: $tooltipPadding; - box-shadow: $inputOverlayShadow; - border-radius: $borderRadius; - } - - &.p-tooltip-right { - .p-tooltip-arrow { - border-right-color: $tooltipBg; - } - } - - &.p-tooltip-left { - .p-tooltip-arrow { - border-left-color: $tooltipBg; - } - } - - &.p-tooltip-top { - .p-tooltip-arrow { - border-top-color: $tooltipBg; - } - } - - &.p-tooltip-bottom { - .p-tooltip-arrow { - border-bottom-color: $tooltipBg; - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_accordion.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_accordion.scss deleted file mode 100644 index 8afbc95..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_accordion.scss +++ /dev/null @@ -1,119 +0,0 @@ -.p-accordion { - .p-accordion-header { - .p-accordion-header-link { - padding: $accordionHeaderPadding; - border: $accordionHeaderBorder; - color: $accordionHeaderTextColor; - background: $accordionHeaderBg; - font-weight: $accordionHeaderFontWeight; - border-radius: $borderRadius; - transition: $listItemTransition; - - .p-accordion-toggle-icon { - margin-right: $inlineSpacing; - } - } - - &:not(.p-disabled) { - .p-accordion-header-link { - &:focus-visible { - @include focused-inset(); - } - } - } - - &:not(.p-highlight):not(.p-disabled):hover { - .p-accordion-header-link { - background: $accordionHeaderHoverBg; - border-color: $accordionHeaderHoverBorderColor; - color: $accordionHeaderTextHoverColor; - } - } - - &:not(.p-disabled).p-highlight { - .p-accordion-header-link { - background: $accordionHeaderActiveBg; - border-color: $accordionHeaderActiveBorderColor; - color: $accordionHeaderTextActiveColor; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - &:hover { - .p-accordion-header-link { - border-color: $accordionHeaderActiveHoverBorderColor; - background: $accordionHeaderActiveHoverBg; - color: $accordionHeaderTextActiveHoverColor; - } - } - } - } - - .p-accordion-content { - padding: $accordionContentPadding; - border: $accordionContentBorder; - background: $accordionContentBg; - color: $accordionContentTextColor; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - - p-accordiontab { - .p-accordion-tab { - margin-bottom: $accordionSpacing; - } - - @if $accordionSpacing == 0 { - .p-accordion-header { - .p-accordion-header-link { - border-radius: 0; - } - } - - .p-accordion-content { - border-radius: 0; - } - - &:not(:first-child) { - .p-accordion-header { - .p-accordion-header-link { - border-top: 0 none; - } - - &:not(.p-highlight):not(.p-disabled):hover, - &:not(.p-disabled).p-highlight:hover { - .p-accordion-header-link { - border-top: 0 none; - } - } - } - } - - &:first-child { - .p-accordion-header { - .p-accordion-header-link { - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - } - } - - &:last-child { - .p-accordion-header:not(.p-highlight) { - .p-accordion-header-link { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - - .p-accordion-content { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - } - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_card.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_card.scss deleted file mode 100644 index f333124..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_card.scss +++ /dev/null @@ -1,30 +0,0 @@ -.p-card { - background: $panelContentBg; - color: $panelContentTextColor; - box-shadow: $cardShadow; - border-radius: $borderRadius; - - .p-card-body { - padding: $cardBodyPadding; - } - - .p-card-title { - font-size: $cardTitleFontSize; - font-weight: $cardTitleFontWeight; - margin-bottom: $inlineSpacing; - } - - .p-card-subtitle { - font-weight: $cardSubTitleFontWeight; - margin-bottom: $inlineSpacing; - color: $cardSubTitleColor; - } - - .p-card-content { - padding: $cardContentPadding; - } - - .p-card-footer { - padding: $cardFooterPadding; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_divider.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_divider.scss deleted file mode 100644 index 0f1719e..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_divider.scss +++ /dev/null @@ -1,31 +0,0 @@ -.p-divider { - .p-divider-content { - background-color: $panelContentBg; - } - - &.p-divider-horizontal { - margin: $dividerHorizontalMargin; - padding: $dividerHorizontalPadding; - - &:before { - border-top: $dividerSize $dividerColor; - } - - .p-divider-content { - padding: 0 $inlineSpacing; - } - } - - &.p-divider-vertical { - margin: $dividerVerticalMargin; - padding: $dividerVerticalPadding; - - &:before { - border-left: $dividerSize $dividerColor; - } - - .p-divider-content { - padding: $inlineSpacing 0; - } - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_fieldset.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_fieldset.scss deleted file mode 100644 index 2fb1d2e..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_fieldset.scss +++ /dev/null @@ -1,47 +0,0 @@ -.p-fieldset { - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - border-radius: $borderRadius; - - .p-fieldset-legend { - padding: $panelHeaderPadding; - border: $panelHeaderBorder; - color: $panelHeaderTextColor; - background: $panelHeaderBg; - font-weight: $panelHeaderFontWeight; - border-radius: $borderRadius; - } - - &.p-fieldset-toggleable { - .p-fieldset-legend { - padding: 0; - transition: $actionIconTransition; - - a { - padding: $panelHeaderPadding; - color: $panelHeaderTextColor; - border-radius: $borderRadius; - transition: $listItemTransition; - - .p-fieldset-toggler { - margin-right: $inlineSpacing; - } - - &:focus-visible { - @include focused(); - } - } - - &:hover { - background: $panelHeaderHoverBg; - border-color: $panelHeaderHoverBorderColor; - color: $panelHeaderTextHoverColor; - } - } - } - - .p-fieldset-content { - padding: $panelContentPadding; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_panel.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_panel.scss deleted file mode 100644 index 299e7e1..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_panel.scss +++ /dev/null @@ -1,63 +0,0 @@ -.p-panel { - .p-panel-header { - border: $panelHeaderBorder; - padding: $panelHeaderPadding; - background: $panelHeaderBg; - color: $panelHeaderTextColor; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - - .p-panel-title { - font-weight: $panelHeaderFontWeight; - } - - .p-panel-header-icon { - @include action-icon(); - } - } - - &.p-panel-toggleable { - .p-panel-header { - padding: $panelToggleableHeaderPadding; - } - } - - .p-panel-content { - padding: $panelContentPadding; - border: $panelContentBorder; - background: $panelContentBg; - color: $panelContentTextColor; - border-top: 0 none; - - &:last-child { - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } - } - - .p-panel-footer { - padding: $panelFooterPadding; - border: $panelFooterBorder; - background: $panelFooterBg; - color: $panelFooterTextColor; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - border-top: 0 none; - } - - .p-panel-icons-end { - order: 2; - margin-left: auto; - } - - .p-panel-icons-start { - order: 0; - margin-right: $inlineSpacing; - } - - .p-panel-icons-center { - order: 2; - width:100%; - text-align:center; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_scrollpanel.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_scrollpanel.scss deleted file mode 100644 index 66e00d4..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_scrollpanel.scss +++ /dev/null @@ -1,6 +0,0 @@ -.p-scrollpanel { - .p-scrollpanel-bar { - background: $scrollPanelTrackBg; - border: $scrollPanelTrackBorder; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_splitter.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_splitter.scss deleted file mode 100644 index 62c8040..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_splitter.scss +++ /dev/null @@ -1,19 +0,0 @@ -.p-splitter { - border: $panelContentBorder; - background: $panelContentBg; - border-radius: $borderRadius; - color: $panelContentTextColor; - - .p-splitter-gutter { - transition: $actionIconTransition; - background: $splitterGutterBg; - - .p-splitter-gutter-handle { - background: $splitterGutterHandleBg; - } - } - - .p-splitter-gutter-resizing { - background: $splitterGutterHandleBg; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_tabview.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_tabview.scss deleted file mode 100644 index 9fa6210..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_tabview.scss +++ /dev/null @@ -1,82 +0,0 @@ -.p-tabview { - .p-tabview-nav-content { - scroll-padding-inline: $buttonIconOnlyWidth; - } - - .p-tabview-nav { - background: $tabviewNavBg; - border: $tabviewNavBorder; - border-width: $tabviewNavBorderWidth; - - li { - margin-right: $tabviewHeaderSpacing; - - .p-tabview-nav-link { - border: $tabviewHeaderBorder; - border-width: $tabviewHeaderBorderWidth; - border-color: $tabviewHeaderBorderColor; - background: $tabviewHeaderBg; - color: $tabviewHeaderTextColor; - padding: $tabviewHeaderPadding; - font-weight: $tabviewHeaderFontWeight; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - transition: $listItemTransition; - margin: $tabviewHeaderMargin; - - &:not(.p-disabled):focus-visible { - @include focused-inset(); - } - } - - &:not(.p-highlight):not(.p-disabled):hover { - .p-tabview-nav-link { - background: $tabviewHeaderHoverBg; - border-color: $tabviewHeaderHoverBorderColor; - color: $tabviewHeaderTextHoverColor; - } - } - - &.p-highlight { - .p-tabview-nav-link { - background: $tabviewHeaderActiveBg; - border-color: $tabviewHeaderActiveBorderColor; - color: $tabviewHeaderTextActiveColor; - } - } - } - } - - .p-tabview-left-icon { - margin-right: $inlineSpacing; - } - - .p-tabview-right-icon { - margin-left: $inlineSpacing; - } - - .p-tabview-close { - margin-left: $inlineSpacing; - } - - .p-tabview-nav-btn.p-link { - background: $tabviewHeaderActiveBg; - color: $tabviewHeaderTextActiveColor; - width: $buttonIconOnlyWidth; - box-shadow: $raisedButtonShadow; - border-radius: 0; - - &:focus-visible { - @include focused-inset(); - } - } - - .p-tabview-panels { - background: $tabviewContentBg; - padding: $tabviewContentPadding; - border: $tabviewContentBorder; - color: $tabviewContentTextColor; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-base/components/panel/_toolbar.scss b/tiles/assets/layout/styles/theme/theme-base/components/panel/_toolbar.scss deleted file mode 100644 index 78d7415..0000000 --- a/tiles/assets/layout/styles/theme/theme-base/components/panel/_toolbar.scss +++ /dev/null @@ -1,11 +0,0 @@ -.p-toolbar { - background: $panelHeaderBg; - border: $panelHeaderBorder; - padding: $panelHeaderPadding; - border-radius: $borderRadius; - gap: $inlineSpacing; - - .p-toolbar-separator { - margin: 0 $inlineSpacing; - } -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/_extensions.scss b/tiles/assets/layout/styles/theme/theme-dark/_extensions.scss deleted file mode 100644 index c69d12a..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/_extensions.scss +++ /dev/null @@ -1,120 +0,0 @@ -@mixin focused-ring($ring-color) { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0); -} - -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .p-accordion { - .p-accordion-header { - .p-accordion-header-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - - .p-tabview { - .p-tabview-nav { - li { - .p-tabview-nav-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - } - - .p-carousel { - .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-galleria { - .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-button { - &:focus { - @include focused-ring(rgba($buttonBg, .7)); - } - - &.p-button-secondary:enabled:focus { - @include focused-ring(rgba($secondaryButtonBg, .7)); - } - - &.p-button-success:enabled:focus { - @include focused-ring(rgba($successButtonBg, .7)); - } - - &.p-button-info:enabled:focus { - @include focused-ring(rgba($infoButtonBg, .7)); - } - - &.p-button-warning:enabled:focus { - @include focused-ring(rgba($warningButtonBg, .7)); - } - - &.p-button-help:enabled:focus { - @include focused-ring(rgba($helpButtonBg, .7)); - } - - &.p-button-danger:enabled:focus { - @include focused-ring(rgba($dangerButtonBg, .7)); - } - } - - .p-datatable { - .p-datatable-tbody { - > tr { - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $primaryColor; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $primaryColor; - } - } - } - } - - .p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused-ring(rgba($buttonBg, .7)); - } - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message { - .p-message-close { - &:hover { - background: rgba(255,255,255,.1); - } - } - } - - .p-toast { - .p-toast-message { - .p-toast-icon-close { - &:hover { - background: rgba(255,255,255,.1); - } - } - } - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { - transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-dark/_variables.scss b/tiles/assets/layout/styles/theme/theme-dark/_variables.scss deleted file mode 100644 index b0d4559..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/_variables.scss +++ /dev/null @@ -1,896 +0,0 @@ -$colors: ( - "blue": #3B82F6, - "green": #22C55E, - "yellow": #EAB308, - "cyan": #06B6D4, - "pink": #EC4899, - "indigo": #6366F1, - "teal": #14B8A6, - "orange": #F97316, - "bluegray": #64748B, - "purple": #A855F7, - "red": #FF3D32, - "primary": $primaryColor -); - -//shades -$shade000:rgba(255,255,255,.87) !default; //text color -$shade100:rgba(255,255,255,.60) !default; //text secondary color -$shade500:#4f545f !default; -$shade600:#303643 !default; //input bg, border, divider -$shade700:#111827 !default; //menu bg -$shade800:#0f1522 !default; //elevated surface -$shade900:#0d121d !default; //ground surface - -$hoverBg:rgba(255,255,255,.03) !default; - -//global -$fontFamily:'Poppins', sans-serif !default; -$fontSize:1rem !default; -$fontWeight:normal !default; -$textColor:$shade000 !default; -$textSecondaryColor:$shade100 !default; -$borderRadius:6px !default; -$transitionDuration:.2s !default; -$formElementTransition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; -$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default; -$listItemTransition: box-shadow $transitionDuration !default; -$primeIconFontSize:1rem !default; -$divider:1px solid $shade600 !default; -$inlineSpacing:.5rem !default; //spacing between inline elements -$disabledOpacity:.4 !default; //opacity of a disabled item -$maskBg:rgba(0, 0, 0, 0.4) !default; //modal mask bg color -$loadingIconFontSize:2rem !default; -$errorColor:#FCA5A5 !default; - -//scale -$scaleSM:0.875 !default; -$scaleLG:1.25 !default; - -//focus -$focusOutlineColor:$primaryLightestColor !default; -$focusOutline:0 none !default; -$focusOutlineOffset:0 !default; -$focusShadow:0 0 0 .2rem $focusOutlineColor !default; - -//action icons -$actionIconWidth: 2rem !default; -$actionIconHeight: 2rem !default; -$actionIconBg: transparent !default; -$actionIconBorder: 0 none !default; -$actionIconColor: $shade100 !default; -$actionIconHoverBg: $hoverBg !default; -$actionIconHoverBorderColor: transparent !default; -$actionIconHoverColor: $shade000 !default; -$actionIconBorderRadius: 50% !default; - -//input field (e.g. inputtext, spinner, inputmask) -$inputPadding:.75rem .75rem !default; -$inputTextFontSize:1rem !default; -$inputBg:$shade900 !default; -$inputTextColor:$shade000 !default; -$inputIconColor:$shade100 !default; -$inputBorder:1px solid $shade600 !default; -$inputHoverBorderColor:$primaryColor !default; -$inputFocusBorderColor:$primaryColor !default; -$inputErrorBorderColor:$errorColor !default; -$inputPlaceholderTextColor:$shade100 !default; -$inputFilledBg:$shade600 !default; -$inputFilledHoverBg:$inputFilledBg !default; -$inputFilledFocusBg:$inputFilledBg !default; - -//input groups -$inputGroupBg:$shade800 !default; -$inputGroupTextColor:$shade100 !default; -$inputGroupAddOnMinWidth:3rem !default; - -//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) -$inputListBg:$shade800 !default; -$inputListTextColor:$shade000 !default; -$inputListBorder:$inputBorder !default; -$inputListPadding:.75rem 0 !default; -$inputListItemPadding:.75rem 1.25rem !default; -$inputListItemBg:transparent !default; -$inputListItemTextColor:$shade000 !default; -$inputListItemHoverBg:$hoverBg !default; -$inputListItemTextHoverColor:$shade000 !default; -$inputListItemFocusBg:$shade600 !default; -$inputListItemTextFocusColor:$shade000 !default; -$inputListItemBorder:0 none !default; -$inputListItemBorderRadius:0 !default; -$inputListItemMargin:0 !default; -$inputListItemFocusShadow:inset 0 0 0 0.15rem $focusOutlineColor !default; -$inputListHeaderPadding:.75rem 1.25rem !default; -$inputListHeaderMargin:0 !default; -$inputListHeaderBg:$shade800 !default; -$inputListHeaderTextColor:$shade000 !default; -$inputListHeaderBorder:1px solid $shade600 !default; - -//inputs with overlays (e.g. autocomplete, dropdown, multiselect) -$inputOverlayBg:$inputListBg !default; -$inputOverlayHeaderBg:$inputListHeaderBg !default; -$inputOverlayBorder:1px solid $shade600 !default; -$inputOverlayShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; - -//password -$passwordMeterBg:$shade600 !default; -$passwordWeakBg:#eb9a9c !default; -$passwordMediumBg:#ffcf91 !default; -$passwordStrongBg:#93deac !default; - -//button -$buttonPadding:.75rem 1.25rem !default; -$buttonIconOnlyWidth:3rem !default; -$buttonIconOnlyPadding:.75rem 0 !default; -$buttonBg:$primaryColor !default; -$buttonTextColor:$primaryTextColor !default; -$buttonBorder:1px solid $primaryColor !default; -$buttonHoverBg:$primaryLightColor !default; -$buttonTextHoverColor:$primaryTextColor !default; -$buttonHoverBorderColor:$primaryLightColor !default; -$buttonActiveBg:$primaryLighterColor !default; -$buttonTextActiveColor:$primaryTextColor !default; -$buttonActiveBorderColor:$primaryLighterColor !default; -$raisedButtonShadow: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) !default; -$roundedButtonBorderRadius:2rem !default; - -$textButtonHoverBgOpacity:.04 !default; -$textButtonActiveBgOpacity:.16 !default; -$outlinedButtonBorder:1px solid !default; -$plainButtonTextColor:$textSecondaryColor !default; -$plainButtonHoverBgColor:$hoverBg !default; -$plainButtonActiveBgColor:rgba(255,255,255,.16) !default; - -$secondaryButtonBg:#CBD5E1 !default; -$secondaryButtonTextColor:#1c2127 !default; -$secondaryButtonBorder:1px solid $secondaryButtonBg !default; -$secondaryButtonHoverBg:scale-color($secondaryButtonBg, $lightness: -10%) !default; -$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; -$secondaryButtonHoverBorderColor:scale-color($secondaryButtonBg, $lightness: -10%) !default; -$secondaryButtonActiveBg:scale-color($secondaryButtonBg, $lightness: -20%) !default; -$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; -$secondaryButtonActiveBorderColor:scale-color($secondaryButtonBg, $lightness: -20%) !default; -$secondaryButtonFocusShadow:0 0 0 1px scale-color($secondaryButtonBg, $lightness: 30%) !default; - -$infoButtonBg:#93C5FD !default; -$infoButtonTextColor:#1c2127 !default; -$infoButtonBorder:1px solid $infoButtonBg !default; -$infoButtonHoverBg:scale-color($infoButtonBg, $lightness: -10%) !default; -$infoButtonTextHoverColor:$infoButtonTextColor !default; -$infoButtonHoverBorderColor:scale-color($infoButtonBg, $lightness: -10%) !default; -$infoButtonActiveBg:scale-color($infoButtonBg, $lightness: -20%) !default; -$infoButtonTextActiveColor:$infoButtonTextColor !default; -$infoButtonActiveBorderColor:scale-color($infoButtonBg, $lightness: -20%) !default; -$infoButtonFocusShadow:0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; - -$successButtonBg:#86EFAC !default; -$successButtonTextColor:#1c2127 !default; -$successButtonBorder:1px solid $successButtonBg !default; -$successButtonHoverBg:scale-color($successButtonBg, $lightness: -10%) !default; -$successButtonTextHoverColor:$successButtonTextColor !default; -$successButtonHoverBorderColor:scale-color($successButtonBg, $lightness: -10%) !default; -$successButtonActiveBg:scale-color($successButtonBg, $lightness: -20%) !default; -$successButtonTextActiveColor:$successButtonTextColor !default; -$successButtonActiveBorderColor:scale-color($successButtonBg, $lightness: -20%) !default; -$successButtonFocusShadow:0 0 0 1px scale-color($successButtonBg, $lightness: 30%) !default; - -$warningButtonBg:#FCD34D !default; -$warningButtonTextColor:#1c2127 !default; -$warningButtonBorder:1px solid $warningButtonBg !default; -$warningButtonHoverBg:scale-color($warningButtonBg, $lightness: -10%) !default; -$warningButtonTextHoverColor:$warningButtonTextColor !default; -$warningButtonHoverBorderColor:scale-color($warningButtonBg, $lightness: -10%) !default; -$warningButtonActiveBg:scale-color($warningButtonBg, $lightness: -20%) !default; -$warningButtonTextActiveColor:$warningButtonTextColor !default; -$warningButtonActiveBorderColor:scale-color($warningButtonBg, $lightness: -20%) !default; -$warningButtonFocusShadow:0 0 0 1px scale-color($warningButtonBg, $lightness: 30%) !default; - -$helpButtonBg:#D8B4FE !default; -$helpButtonTextColor:#1c2127 !default; -$helpButtonBorder:1px solid $helpButtonBg !default; -$helpButtonHoverBg:scale-color($helpButtonBg, $lightness: -10%) !default; -$helpButtonTextHoverColor:$helpButtonTextColor !default; -$helpButtonHoverBorderColor:scale-color($helpButtonBg, $lightness: -10%) !default; -$helpButtonActiveBg:scale-color($helpButtonBg, $lightness: -20%) !default; -$helpButtonTextActiveColor:$helpButtonTextColor !default; -$helpButtonActiveBorderColor:scale-color($helpButtonBg, $lightness: -20%) !default; -$helpButtonFocusShadow:0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; - -$dangerButtonBg:#FCA5A5 !default; -$dangerButtonTextColor:#1c2127 !default; -$dangerButtonBorder:1px solid $dangerButtonBg !default; -$dangerButtonHoverBg:scale-color($dangerButtonBg, $lightness: -10%) !default; -$dangerButtonTextHoverColor:$dangerButtonTextColor !default; -$dangerButtonHoverBorderColor:scale-color($dangerButtonBg, $lightness: -10%) !default; -$dangerButtonActiveBg:scale-color($dangerButtonBg, $lightness: -20%) !default; -$dangerButtonTextActiveColor:$dangerButtonTextColor !default; -$dangerButtonActiveBorderColor:scale-color($dangerButtonBg, $lightness: -20%) !default; -$dangerButtonFocusShadow:0 0 0 1px scale-color($dangerButtonBg, $lightness: 30%) !default; - -$linkButtonColor:$primaryColor !default; -$linkButtonHoverColor:$primaryColor !default; -$linkButtonTextHoverDecoration:underline !default; -$linkButtonFocusShadow:0 0 0 1px $focusOutlineColor !default; - -//checkbox -$checkboxWidth:22px !default; -$checkboxHeight:22px !default; -$checkboxBorder:2px solid $shade600 !default; -$checkboxIconFontSize:14px !default; -$checkboxActiveBorderColor:$primaryColor !default; -$checkboxActiveBg:$primaryColor !default; -$checkboxIconActiveColor:$primaryTextColor !default; -$checkboxActiveHoverBg:$primaryLighterColor !default; -$checkboxIconActiveHoverColor:$primaryTextColor !default; -$checkboxActiveHoverBorderColor:$primaryLighterColor !default; - -//radiobutton -$radiobuttonWidth:22px !default; -$radiobuttonHeight:22px !default; -$radiobuttonBorder:2px solid $shade600 !default; -$radiobuttonIconSize:12px !default; -$radiobuttonActiveBorderColor:$primaryColor !default; -$radiobuttonActiveBg:$primaryColor !default; -$radiobuttonIconActiveColor:$primaryTextColor !default; -$radiobuttonActiveHoverBg:$primaryLighterColor !default; -$radiobuttonIconActiveHoverColor:$primaryTextColor !default; -$radiobuttonActiveHoverBorderColor:$primaryLighterColor !default; - -//colorpicker -$colorPickerPreviewWidth:2rem !default; -$colorPickerPreviewHeight:2rem !default; -$colorPickerBg:$shade800 !default; -$colorPickerBorder:1px solid $shade600 !default; -$colorPickerHandleColor:$shade000 !default; - -//togglebutton -$toggleButtonBg:$shade800 !default; -$toggleButtonBorder:1px solid $shade600 !default; -$toggleButtonTextColor:$shade000 !default; -$toggleButtonIconColor:$shade100 !default; -$toggleButtonHoverBg:$hoverBg !default; -$toggleButtonHoverBorderColor:$shade600 !default; -$toggleButtonTextHoverColor:$shade000 !default; -$toggleButtonIconHoverColor:$shade100 !default; -$toggleButtonActiveBg:$primaryColor !default; -$toggleButtonActiveBorderColor:$primaryColor !default; -$toggleButtonTextActiveColor:$primaryTextColor !default; -$toggleButtonIconActiveColor:$primaryTextColor !default; -$toggleButtonActiveHoverBg:$primaryLightColor !default; -$toggleButtonActiveHoverBorderColor:$primaryLightColor !default; -$toggleButtonTextActiveHoverColor:$primaryTextColor !default; -$toggleButtonIconActiveHoverColor:$primaryTextColor !default; - -//inplace -$inplacePadding:$inputPadding !default; -$inplaceHoverBg:$hoverBg !default; -$inplaceTextHoverColor:$shade000 !default; - -//rating -$ratingIconFontSize:1.143rem !default; -$ratingCancelIconColor:#F48FB1 !default; -$ratingCancelIconHoverColor:#F48FB1 !default; -$ratingStarIconOffColor:$shade000 !default; -$ratingStarIconOnColor:$primaryColor !default; -$ratingStarIconHoverColor:$primaryColor !default; - -//slider -$sliderBg:$shade600 !default; -$sliderBorder:0 none !default; -$sliderHorizontalHeight:.286rem !default; -$sliderVerticalWidth:0.286rem !default; -$sliderHandleWidth:1.143rem !default; -$sliderHandleHeight:1.143rem !default; -$sliderHandleBg:$shade600 !default; -$sliderHandleBorder:2px solid $primaryColor !default; -$sliderHandleBorderRadius:50% !default; -$sliderHandleHoverBorderColor:$primaryColor !default; -$sliderHandleHoverBg:$primaryColor !default; -$sliderRangeBg:$primaryColor !default; - -//calendar -$calendarTableMargin:.5rem 0 !default; -$calendarPadding:.5rem !default; -$calendarBg:$shade800 !default; -$calendarInlineBg:$calendarBg !default; -$calendarTextColor:$shade000 !default; -$calendarBorder:$inputListBorder !default; -$calendarOverlayBorder:$inputOverlayBorder !default; - -$calendarHeaderPadding:.5rem !default; -$calendarHeaderBg:$shade800 !default; -$calendarInlineHeaderBg:$calendarBg !default; -$calendarHeaderBorder:1px solid $shade600 !default; -$calendarHeaderTextColor:$shade000 !default; -$calendarHeaderFontWeight:700 !default; -$calendarHeaderCellPadding:.5rem !default; -$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; - -$calendarCellDatePadding:.5rem !default; -$calendarCellDateWidth:2.5rem !default; -$calendarCellDateHeight:2.5rem !default; -$calendarCellDateBorderRadius:50% !default; -$calendarCellDateBorder:1px solid transparent !default; -$calendarCellDateHoverBg:$hoverBg !default; -$calendarCellDateTodayBg:transparent !default; -$calendarCellDateTodayBorderColor:transparent !default; -$calendarCellDateTodayTextColor:$primaryColor !default; - -$calendarButtonBarPadding:1rem 0 !default; -$calendarTimePickerPadding:.5rem !default; -$calendarTimePickerElementPadding:0 .5rem !default; -$calendarTimePickerTimeFontSize:1.25rem !default; - -$calendarBreakpoint:769px !default; -$calendarCellDatePaddingSM:0 !default; - -//input switch -$inputSwitchWidth:3rem !default; -$inputSwitchHeight:1.75rem !default; -$inputSwitchBorderRadius:30px !default; -$inputSwitchHandleWidth:1.250rem !default; -$inputSwitchHandleHeight:1.250rem !default; -$inputSwitchHandleBorderRadius:50% !default; -$inputSwitchSliderPadding:.25rem !default; -$inputSwitchSliderOffBg:$shade500 !default; -$inputSwitchHandleOffBg:$shade100 !default; -$inputSwitchSliderOffHoverBg:$shade600 !default; -$inputSwitchSliderOnBg:$primaryColor !default; -$inputSwitchSliderOnHoverBg:$primaryLightColor !default; -$inputSwitchHandleOnBg:$primaryTextColor !default; - -//panel -$panelHeaderBorderColor:$shade600 !default; -$panelHeaderBorder:1px solid $shade600 !default; -$panelHeaderBg:$shade800 !default; -$panelHeaderTextColor:$shade000 !default; -$panelHeaderFontWeight:700 !default; -$panelHeaderPadding:1.25rem !default; -$panelToggleableHeaderPadding:.75rem 1.25rem !default; - -$panelHeaderHoverBg:$hoverBg !default; -$panelHeaderHoverBorderColor:$shade600 !default; -$panelHeaderTextHoverColor:$shade000 !default; - -$panelContentBorderColor: $shade600 !default; -$panelContentBorder:1px solid $shade600 !default; -$panelContentBg:$shade800 !default; -$panelContentEvenRowBg:rgba(255,255,255,0.01) !default; -$panelContentTextColor:$shade000 !default; -$panelContentPadding:1.25rem !default; - -$panelFooterBorder:1px solid $shade600 !default; -$panelFooterBg:$shade800 !default; -$panelFooterTextColor:$shade000 !default; -$panelFooterPadding:0.75rem 1.25rem !default; - -//accordion -$accordionSpacing:4px !default; -$accordionHeaderBorder:$panelHeaderBorder !default; -$accordionHeaderBg:$panelHeaderBg !default; -$accordionHeaderTextColor:$panelHeaderTextColor !default; -$accordionHeaderFontWeight:$panelHeaderFontWeight !default; -$accordionHeaderPadding:$panelHeaderPadding !default; - -$accordionHeaderHoverBg:$hoverBg !default; -$accordionHeaderHoverBorderColor:$shade600 !default; -$accordionHeaderTextHoverColor:$shade000 !default; - -$accordionHeaderActiveBg:$panelHeaderBg !default; -$accordionHeaderActiveBorderColor:$shade600 !default; -$accordionHeaderTextActiveColor:$shade000 !default; - -$accordionHeaderActiveHoverBg:$hoverBg !default; -$accordionHeaderActiveHoverBorderColor:$shade600 !default; -$accordionHeaderTextActiveHoverColor:$shade000 !default; - -$accordionContentBorder:$panelContentBorder !default; -$accordionContentBg:$panelContentBg !default; -$accordionContentTextColor:$panelContentTextColor !default; -$accordionContentPadding:$panelContentPadding !default; - -//tabview -$tabviewNavBorder:1px solid $shade600 !default; -$tabviewNavBorderWidth:0 0 2px 0 !default; -$tabviewNavBg:transparent !default; - -$tabviewHeaderSpacing:0 !default; -$tabviewHeaderBorder:solid $shade600 !default; -$tabviewHeaderBorderWidth:0 0 2px 0 !default; -$tabviewHeaderBorderColor:transparent transparent $shade600 transparent !default; -$tabviewHeaderBg:$shade800 !default; -$tabviewHeaderTextColor:$shade100 !default; -$tabviewHeaderFontWeight:$panelHeaderFontWeight !default; -$tabviewHeaderPadding:$panelHeaderPadding !default; -$tabviewHeaderMargin:0 0 -2px 0 !default; - -$tabviewHeaderHoverBg:$shade800 !default; -$tabviewHeaderHoverBorderColor:$primaryColor !default; -$tabviewHeaderTextHoverColor:$shade000 !default; - -$tabviewHeaderActiveBg:$shade800 !default; -$tabviewHeaderActiveBorderColor:$primaryColor !default; -$tabviewHeaderTextActiveColor:$primaryColor !default; - -$tabviewContentBorder:0 none !default; -$tabviewContentBg:$shade800 !default; -$tabviewContentTextColor:$shade000 !default; -$tabviewContentPadding:$panelContentPadding !default; - -//upload -$fileUploadProgressBarHeight:.25rem !default; -$fileUploadContentPadding: 2rem 1rem !default; -$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; -$fileUploadFileBorder: 1px solid $shade600 !default; -$fileUploadFilePadding: 1rem !default; - -//scrollpanel -$scrollPanelTrackBorder:0 none !default; -$scrollPanelTrackBg:$shade600 !default; - -//card -$cardBodyPadding:1.25rem !default; -$cardTitleFontSize:1.5rem !default; -$cardTitleFontWeight:700 !default; -$cardSubTitleFontWeight:400 !default; -$cardSubTitleColor:$shade100 !default; -$cardContentPadding:1.25rem 0 !default; -$cardFooterPadding:1.25rem 0 0 0 !default; -$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; - -//editor -$editorToolbarBg:$panelHeaderBg !default; -$editorToolbarBorder:$panelHeaderBorder !default; -$editorToolbarPadding:$panelHeaderPadding !default; -$editorToolbarIconColor:$textSecondaryColor !default; -$editorToolbarIconHoverColor:$textColor !default; -$editorIconActiveColor:$primaryColor !default; -$editorContentBorder:$panelContentBorder !default; -$editorContentBg:$panelContentBg !default; - -//paginator -$paginatorBg:$shade800 !default; -$paginatorTextColor:$shade100 !default; -$paginatorBorder:solid $shade600 !default; -$paginatorBorderWidth:1px !default; -$paginatorPadding:.5rem 1rem !default; -$paginatorElementWidth:$buttonIconOnlyWidth !default; -$paginatorElementHeight:$buttonIconOnlyWidth !default; -$paginatorElementBg:transparent !default; -$paginatorElementBorder:0 none !default; -$paginatorElementIconColor:$shade100 !default; -$paginatorElementHoverBg:$hoverBg !default; -$paginatorElementHoverBorderColor:transparent !default; -$paginatorElementIconHoverColor:$shade000 !default; -$paginatorElementBorderRadius:$borderRadius !default; -$paginatorElementMargin:.143rem !default; -$paginatorElementPadding:0 !default; - -//table -$tableHeaderBorder:1px solid $shade600 !default; -$tableHeaderBorderWidth:0 0 1px 0 !default; -$tableHeaderBg:$shade800 !default; -$tableHeaderTextColor:$shade100 !default; -$tableHeaderFontWeight:700 !default; -$tableHeaderPadding:1rem 1rem !default; - -$tableHeaderCellPadding:1rem 1rem !default; -$tableHeaderCellBg:$shade800 !default; -$tableHeaderCellTextColor:$shade000 !default; -$tableHeaderCellFontWeight:700 !default; -$tableHeaderCellBorder:1px solid $shade600 !default; -$tableHeaderCellBorderWidth:0 0 1px 0 !default; -$tableHeaderCellHoverBg:$hoverBg !default; -$tableHeaderCellTextHoverColor:$shade000 !default; -$tableHeaderCellIconColor:$shade100 !default; -$tableHeaderCellIconHoverColor:$shade000 !default; -$tableHeaderCellHighlightBg:$highlightBg !default; -$tableHeaderCellHighlightTextColor:$highlightTextColor !default; -$tableHeaderCellHighlightHoverBg:$highlightBg !default; -$tableHeaderCellHighlightTextHoverColor:$highlightTextColor !default; -$tableSortableColumnBadgeSize:1.143rem !default; - -$tableBodyRowBg:$shade800 !default; -$tableBodyRowTextColor:$shade000 !default; -$tableBodyRowEvenBg:#1f2937 !default; -$tableBodyRowHoverBg:$hoverBg !default; -$tableBodyRowTextHoverColor:$shade000 !default; -$tableBodyCellBorder:1px solid $shade600 !default; -$tableBodyCellBorderWidth:0 0 1px 0 !default; -$tableBodyCellPadding:1rem 1rem !default; - -$tableFooterCellPadding:1rem 1rem !default; -$tableFooterCellBg:$shade800 !default; -$tableFooterCellTextColor:$shade000 !default; -$tableFooterCellFontWeight:700 !default; -$tableFooterCellBorder:1px solid $shade600 !default; -$tableFooterCellBorderWidth:0 0 1px 0 !default; -$tableResizerHelperBg:$primaryColor !default; - -$tableFooterBorder:1px solid $shade600 !default; -$tableFooterBorderWidth:0 0 1px 0 !default; -$tableFooterBg:$shade800 !default; -$tableFooterTextColor:$shade000 !default; -$tableFooterFontWeight:700 !default; -$tableFooterPadding:1rem 1rem !default; - -$tableCellContentAlignment:left !default; -$tableTopPaginatorBorderWidth:1px 0 1px 0 !default; -$tableBottomPaginatorBorderWidth:0 0 1px 0 !default; - -$tableScaleSM:0.5 !default; -$tableScaleLG:1.25 !default; - -//dataview -$dataViewContentPadding:0 !default; -$dataViewContentBorder:0 none !default; -$dataViewListItemBorder:solid $shade600 !default; -$dataViewListItemBorderWidth:0 0 1px 0 !default; - -//schedule -$fullCalendarEventBg:$primaryLighterColor !default; -$fullCalendarEventBorderColor: $primaryLighterColor !default; -$fullCalendarEventBorder:1px solid $primaryLighterColor !default; -$fullCalendarEventTextColor:$primaryTextColor !default; - -//tree -$treeContainerPadding:0.286rem !default; -$treeNodePadding:0.143rem !default; -$treeNodeContentPadding:.5rem !default; -$treeNodeChildrenPadding:0 0 0 1rem !default; -$treeNodeIconColor:$shade100 !default; - -//timeline -$timelineVerticalEventContentPadding:0 1rem !default; -$timelineHorizontalEventContentPadding:1rem 0 !default; -$timelineEventMarkerWidth:1rem !default; -$timelineEventMarkerHeight:1rem !default; -$timelineEventMarkerBorderRadius:50% !default; -$timelineEventMarkerBorder:2px solid $primaryColor !default; -$timelineEventMarkerBackground:$primaryTextColor !default; -$timelineEventConnectorSize:2px !default; -$timelineEventColor:$shade600 !default; - -//org chart -$organizationChartConnectorColor:$shade600 !default; - -//message -$messageMargin:1rem 0 !default; -$messagePadding:1.25rem 1.75rem !default; -$messageBorderWidth:0 0 0 6px !default; -$messageIconFontSize:1.5rem !default; -$messageTextFontSize:1rem !default; -$messageTextFontWeight:500 !default; - -//inline message -$inlineMessagePadding:$inputPadding !default; -$inlineMessageMargin:0 !default; -$inlineMessageIconFontSize:1rem !default; -$inlineMessageTextFontSize:1rem !default; -$inlineMessageBorderWidth:1px !default; - -//toast -$toastIconFontSize:2rem !default; -$toastMessageTextMargin:0 0 0 1rem !default; -$toastMargin:0 0 1rem 0 !default; -$toastPadding:1rem !default; -$toastBorderWidth:0 0 0 6px !default; -$toastShadow:none !default; -$toastOpacity:1 !default; -$toastTitleFontWeight:700 !default; -$toastDetailMargin:$inlineSpacing 0 0 0 !default; - -//severities -$infoMessageBg:rgba(59,130,246,.2) !default; //blue-500 -$infoMessageBorder:solid #3b82f6 !default; //blue-500 -$infoMessageTextColor:#93c5fd !default; //blue-300 -$infoMessageIconColor:#93c5fd !default; //blue-300 -$successMessageBg:rgba(16, 185, 129, .2) !default; -$successMessageBorder:solid #10b981 !default; -$successMessageTextColor:#6ee7b7 !default; -$successMessageIconColor:#6ee7b7 !default; -$warningMessageBg:rgba(234, 179, 8, .2) !default; -$warningMessageBorder:solid #eab308 !default; -$warningMessageTextColor:#fde047 !default; -$warningMessageIconColor:#fde047 !default; -$errorMessageBg:rgba(239, 68, 68, .2) !default; -$errorMessageBorder:solid #ef4444 !default; -$errorMessageTextColor:#fca5a5 !default; -$errorMessageIconColor:#fca5a5 !default; - -//overlays -$overlayContentBorder:1px solid $shade600 !default; -$overlayContentBg:$panelContentBg !default; -$overlayContainerShadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0,0,0,.12) !default; - -//dialog -$dialogHeaderBg:$shade800 !default; -$dialogHeaderBorder:0 none !default; -$dialogHeaderTextColor:$shade000 !default; -$dialogHeaderFontWeight:700 !default; -$dialogHeaderFontSize:1.25rem !default; -$dialogHeaderPadding:1.5rem !default; -$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; -$dialogFooterBorder:0 none !default; -$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; - -//confirmpopup -$confirmPopupContentPadding:$panelContentPadding !default; -$confirmPopupFooterPadding:0 1.25rem 1.25rem 1.25rem !default; - -//tooltip -$tooltipBg:$shade600 !default; -$tooltipTextColor:$shade000 !default; -$tooltipPadding:$inputPadding !default; - -//steps -$stepsItemBg:transparent !default; -$stepsItemBorder:0 none !default; -$stepsItemTextColor:$shade100 !default; -$stepsItemNumberWidth:2rem !default; -$stepsItemNumberHeight:2rem !default; -$stepsItemNumberFontSize:1.143rem !default; -$stepsItemNumberColor:$shade000 !default; -$stepsItemNumberBorderRadius:50% !default; -$stepsItemActiveFontWeight:700 !default; - -//progressbar, progressspinner -$progressBarHeight:1.5rem !default; -$progressBarBorder:0 none !default; -$progressBarBg:$shade600 !default; -$progressBarValueBg:$primaryColor !default; -$progressBarValueTextColor:$primaryTextColor !default; - -$progressSpinnerStrokeColor:$errorMessageTextColor !default; -$progressSpinnerColorOne:$errorMessageTextColor !default; -$progressSpinnerColorTwo:$infoMessageTextColor !default; -$progressSpinnerColorThree:$successMessageTextColor !default; -$progressSpinnerColorFour:$warningMessageTextColor !default; - -//menu (e.g. menu, menubar, tieredmenu) -$menuWidth:12.5rem !default; -$menuBg:$shade700 !default; -$menuBorder:1px solid $shade600 !default; -$menuTextColor:$shade000 !default; -$menuitemPadding:.75rem 1.25rem !default; -$menuitemBorderRadius:0 !default; -$menuitemTextColor:$shade000 !default; -$menuitemIconColor:$shade100 !default; -$menuitemTextHoverColor:$shade000 !default; -$menuitemIconHoverColor:$shade000 !default; -$menuitemHoverBg:$hoverBg !default; -$menuitemTextFocusColor:$shade000 !default; -$menuitemIconFocusColor:$shade000 !default; -$menuitemFocusBg:$shade600 !default; -$menuitemTextActiveColor:$highlightTextColor !default; -$menuitemIconActiveColor:$highlightTextColor !default; -$menuitemActiveBg:$highlightBg !default; -$menuitemActiveFocusBg:$highlightBg !default; -$menuitemSubmenuIconFontSize:.875rem !default; -$submenuHeaderMargin:0 !default; -$submenuHeaderPadding:.75rem 1.25rem !default; -$submenuHeaderBg:$shade700 !default; -$submenuHeaderTextColor:$shade000 !default; -$submenuHeaderBorderRadius:0 !default; -$submenuHeaderFontWeight:700 !default; -$overlayMenuBg:$menuBg !default; -$overlayMenuBorder:1px solid $shade600 !default; -$overlayMenuShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; -$verticalMenuPadding:.25rem 0 !default; -$menuSeparatorMargin:.25rem 0 !default; - -$breadcrumbPadding:1rem !default; -$breadcrumbBg:$menuBg !default; -$breadcrumbBorder:$menuBorder !default; -$breadcrumbItemTextColor:$menuitemTextColor !default; -$breadcrumbItemIconColor:$menuitemIconColor !default; -$breadcrumbLastItemTextColor:$menuitemTextColor !default; -$breadcrumbLastItemIconColor:$menuitemIconColor !default; -$breadcrumbSeparatorColor:$menuitemTextColor !default; - -$horizontalMenuPadding:.5rem !default; -$horizontalMenuBg:$shade700 !default; -$horizontalMenuBorder:$menuBorder !default; -$horizontalMenuTextColor:$menuTextColor !default; -$horizontalMenuRootMenuitemPadding:$menuitemPadding !default; -$horizontalMenuRootMenuitemBorderRadius:$borderRadius !default; -$horizontalMenuRootMenuitemTextColor:$menuitemTextColor !default; -$horizontalMenuRootMenuitemIconColor:$menuitemIconColor !default; -$horizontalMenuRootMenuitemTextHoverColor:$menuitemTextHoverColor !default; -$horizontalMenuRootMenuitemIconHoverColor:$menuitemIconHoverColor !default; -$horizontalMenuRootMenuitemHoverBg:$menuitemHoverBg !default; -$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor !default; -$horizontalMenuRootMenuitemIconActiveColor:$menuitemIconActiveColor !default; -$horizontalMenuRootMenuitemActiveBg:$menuitemActiveBg !default; - -//badge and tag -$badgeBg:$primaryColor !default; -$badgeTextColor:$primaryTextColor !default; -$badgeMinWidth:1.5rem !default; -$badgeHeight:1.5rem !default; -$badgeFontWeight:700 !default; -$badgeFontSize:.75rem !default; - -$tagPadding:.25rem .4rem !default; - -//carousel -$carouselIndicatorsPadding:1rem !default; -$carouselIndicatorBg:$shade600 !default; -$carouselIndicatorHoverBg:$hoverBg !default; -$carouselIndicatorBorderRadius:0 !default; -$carouselIndicatorWidth:2rem !default; -$carouselIndicatorHeight:.5rem !default; - -//galleria -$galleriaMaskBg:rgba(0,0,0,0.9) !default; -$galleriaCloseIconMargin:.5rem !default; -$galleriaCloseIconFontSize:2rem !default; -$galleriaCloseIconBg:transparent !default; -$galleriaCloseIconColor:#f8f9fa !default; -$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; -$galleriaCloseIconHoverColor:#f8f9fa !default; -$galleriaCloseIconWidth:4rem !default; -$galleriaCloseIconHeight:4rem !default; -$galleriaCloseIconBorderRadius:50% !default; - -$galleriaItemNavigatorBg:transparent !default; -$galleriaItemNavigatorColor:#f8f9fa !default; -$galleriaItemNavigatorMargin:0 .5rem !default; -$galleriaItemNavigatorFontSize:2rem !default; -$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaItemNavigatorHoverColor:#f8f9fa !default; -$galleriaItemNavigatorWidth:4rem !default; -$galleriaItemNavigatorHeight:4rem !default; -$galleriaItemNavigatorBorderRadius:$borderRadius !default; - -$galleriaCaptionBg:rgba(0,0,0,.5) !default; -$galleriaCaptionTextColor:#f8f9fa !default; -$galleriaCaptionPadding:1rem !default; - -$galleriaIndicatorsPadding:1rem !default; -$galleriaIndicatorBg:$shade600 !default; -$galleriaIndicatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaIndicatorBorderRadius:50% !default; -$galleriaIndicatorWidth:1rem !default; -$galleriaIndicatorHeight:1rem !default; -$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; -$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; -$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; - -$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; -$galleriaThumbnailContainerPadding:1rem .25rem !default; -$galleriaThumbnailNavigatorBg:transparent !default; -$galleriaThumbnailNavigatorColor:#f8f9fa !default; -$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaThumbnailNavigatorHoverColor:#f8f9fa !default; -$galleriaThumbnailNavigatorBorderRadius:50% !default; -$galleriaThumbnailNavigatorWidth:2rem !default; -$galleriaThumbnailNavigatorHeight:2rem !default; - -//divider -$dividerHorizontalMargin:1.25rem 0 !default; -$dividerHorizontalPadding:0 1.25rem !default; -$dividerVerticalMargin:0 1.25rem !default; -$dividerVerticalPadding:1.25rem 0 !default; -$dividerSize:1px !default; -$dividerColor:$shade600 !default; - -//avatar -$avatarBg:$shade600 !default; -$avatarTextColor:$textColor !default; - -//chip -$chipBg:$shade600 !default; -$chipTextColor:$textColor !default; -$chipBorderRadius: 16px !default; -$chipFocusBg:$shade500 !default; -$chipFocusTextColor:$textColor !default; - -//scrollTop -$scrollTopBg:$highlightBg !default; -$scrollTopHoverBg:scale-color($highlightBg, $alpha: 24%) !default; -$scrollTopWidth:3rem !default; -$scrollTopHeight:3rem !default; -$scrollTopBorderRadius:50% !default; -$scrollTopFontSize:1.5rem !default; -$scrollTopTextColor:$highlightTextColor !default; - -//skeleton -$skeletonBg:rgba(255,255,255,.06) !default; -$skeletonAnimationBg:rgba(255,255,255,.04) !default; - -//splitter -$splitterGutterBg:rgba(255,255,255,.03) !default; -$splitterGutterHandleBg:$shade600 !default; - -//speeddial -$speedDialButtonWidth: 4rem !default; -$speedDialButtonHeight: 4rem !default; -$speedDialButtonIconFontSize: 1.3rem !default; -$speedDialActionWidth: 3rem !default; -$speedDialActionHeight: 3rem !default; -$speedDialActionBg: $shade000 !default; -$speedDialActionHoverBg: $shade100 !default; -$speedDialActionTextColor: $shade900 !default; -$speedDialActionTextHoverColor: $shade900 !default; - -//dock -$dockActionWidth: 4rem !default; -$dockActionHeight: 4rem !default; -$dockItemPadding: .5rem !default; -$dockItemBorderRadius:$borderRadius !default; -$dockCurrentItemMargin: 1.5rem !default; -$dockFirstItemsMargin: 1.3rem !default; -$dockSecondItemsMargin: 0.9rem !default; -$dockBg: rgba(255,255,255,.1) !default; -$dockBorder: 1px solid rgba(255,255,255,0.2) !default; -$dockPadding: .5rem .5rem !default; -$dockBorderRadius: .5rem !default; - -//image -$imageMaskBg:rgba(0,0,0,0.9) !default; -$imagePreviewToolbarPadding:1rem !default; -$imagePreviewIndicatorColor:#f8f9fa !default; -$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default; -$imagePreviewActionIconBg:transparent !default; -$imagePreviewActionIconColor:#f8f9fa !default; -$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default; -$imagePreviewActionIconHoverColor:#f8f9fa !default; -$imagePreviewActionIconWidth:3rem !default; -$imagePreviewActionIconHeight:3rem !default; -$imagePreviewActionIconFontSize:1.5rem !default; -$imagePreviewActionIconBorderRadius:50% !default; - -:root { - font-family:'Poppins', sans-serif; - font-feature-settings: "cv02","cv03","cv04","cv11"; - font-variation-settings: normal; - --font-family:'Poppins', sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#{$shade800}; - --surface-b:#{$shade900}; - --surface-c:#{$hoverBg}; - --surface-d:#{$shade600}; - --surface-e:#{$shade800}; - --surface-f:#{$shade800}; - --text-color:#{$shade000}; - --text-color-secondary:#{$shade100}; - --primary-color:#{$primaryColor}; - --primary-color-text:#{$primaryTextColor}; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:#{$panelContentPadding}; - --inline-spacing:#{$inlineSpacing}; - --border-radius:#{$borderRadius}; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: #{$focusShadow}; - --maskbg: #{$maskBg}; - --highlight-bg: #{$highlightBg}; - --highlight-text-color: #{$highlightTextColor}; - color-scheme: dark; - --transition-duration: #{$transitionDuration}; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-dark/blue/theme.css b/tiles/assets/layout/styles/theme/theme-dark/blue/theme.css deleted file mode 100644 index 4bc7503..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/blue/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#93c5fd; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(96, 165, 250, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #93c5fd; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #93c5fd; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #93c5fd; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 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(96, 165, 250, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.2); - } - - 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: #0d121d; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - 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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 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(96, 165, 250, 0.2); - border-color: #93c5fd; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #bfdbfe; - background: #bfdbfe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .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: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #bfdbfe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #93c5fd; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #93c5fd; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - 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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(96, 165, 250, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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(96, 165, 250, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #93c5fd; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #93c5fd; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - 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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(96, 165, 250, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #93c5fd; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - 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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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(96, 165, 250, 0.2); - border-color: #93c5fd; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .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: #bfdbfe; - background: #bfdbfe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .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: #bfdbfe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #93c5fd; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #93c5fd; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #93c5fd; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #93c5fd; - border-color: #93c5fd; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - 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(96, 165, 250, 0.2); - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #93c5fd; - border-color: #93c5fd; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - 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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - 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:not(:disabled):hover { - background: #93c5fd; - color: #030712; - border-color: #93c5fd; - } - .p-button:not(:disabled):active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #93c5fd; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93c5fd; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93c5fd; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(96, 165, 250, 0.2); - } - .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: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: transparent; - color: #93c5fd; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93c5fd; - } - .p-splitbutton.p-button-outlined > .p-button:not(: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:not(: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:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93c5fd; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(: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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #303643; - 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(96, 165, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(96, 165, 250, 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(96, 165, 250, 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(96, 165, 250, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(96, 165, 250, 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(96, 165, 250, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 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: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(96, 165, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(96, 165, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(96, 165, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .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: #0f1522; - 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(96, 165, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(7, 99, 212, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(96, 165, 250, 0.16); - border-color: rgba(96, 165, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #93c5fd; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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.p-highlight { - background: rgba(96, 165, 250, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(29, 127, 248, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(96, 165, 250, 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(96, 165, 250, 0.2); - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 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(96, 165, 250, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(96, 165, 250, 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: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #93c5fd; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - 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: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #030712; - 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: #93c5fd; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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(96, 165, 250, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #93c5fd; - border-style: dashed; - background-color: rgba(96, 165, 250, 0.16); - } - .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: #93c5fd; - color: #030712; - border-color: #93c5fd; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #93c5fd; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(96, 165, 250, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #93c5fd; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(96, 165, 250, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #93c5fd; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #93c5fd; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - 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: #0f1522; - 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(96, 165, 250, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(96, 165, 250, 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(96, 165, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #93c5fd; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(96, 165, 250, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #93c5fd; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(96, 165, 250, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(96, 165, 250, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-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; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - 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-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #bfdbfe; - border: 1px solid #bfdbfe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - 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: #93c5fd; - color: #030712; - border-color: #93c5fd; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); -} -.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(96, 165, 250, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #030712; -} -.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: #93c5fd; - border-color: #93c5fd; - color: #030712; -} -.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(96, 165, 250, 0.2); - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #bfdbfe; - border-color: #bfdbfe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #bfdbfe; - border-color: #bfdbfe; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - 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: #93c5fd; - color: #030712; - border-color: #93c5fd; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; -} -.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(96, 165, 250, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - 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(96, 165, 250, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #030712; -} -.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: #93c5fd; - border-color: #93c5fd; - color: #030712; -} -.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(96, 165, 250, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/blue/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/blue/theme.scss deleted file mode 100644 index ef1d8f9..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/blue/theme.scss +++ /dev/null @@ -1,16 +0,0 @@ -$primaryColor: #93c5fd !default; -$primaryColor: #60a5fa !default; -$primaryLightColor: #93c5fd !default; -$primaryLighterColor: #bfdbfe !default; -$primaryLightestColor: rgba(96, 165, 250, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #3b82f6 !default; - -$highlightBg:rgba(96, 165, 250, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.css b/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.css deleted file mode 100644 index 5ad7972..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#67e8f9; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #45e3f8; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(103, 232, 249, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f7feff; - --primary-100:#dbf9fe; - --primary-200:#bef5fc; - --primary-300:#a1f1fb; - --primary-400:#84ecfa; - --primary-500:#67e8f9; - --primary-600:#58c5d4; - --primary-700:#48a2ae; - --primary-800:#398089; - --primary-900:#295d64; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #67e8f9; -} -.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: #67e8f9; -} -.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: #67e8f9; -} -.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: #67e8f9; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #67e8f9; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #67e8f9; - } - .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(103, 232, 249, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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(103, 232, 249, 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(103, 232, 249, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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 #45e3f8; - } - .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 #45e3f8; - } - .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 #45e3f8; - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #67e8f9; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #67e8f9; - background: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #56e5f8; - background: #56e5f8; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #67e8f9; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #56e5f8; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #67e8f9; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #67e8f9; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(103, 232, 249, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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 #45e3f8; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #67e8f9; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(103, 232, 249, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #67e8f9; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(103, 232, 249, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #67e8f9; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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(103, 232, 249, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #67e8f9; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #67e8f9; - background: #67e8f9; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #56e5f8; - background: #56e5f8; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #67e8f9; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #56e5f8; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #67e8f9; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #67e8f9; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #67e8f9; - 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 #45e3f8; - } - .p-slider .p-slider-range { - background: #67e8f9; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #67e8f9; - border-color: #67e8f9; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #67e8f9; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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:not(:disabled):hover { - background: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); - } - .p-button:not(:disabled):active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #67e8f9; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #45e3f8; - } - .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: #67e8f9; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #67e8f9; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #45e3f8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #67e8f9; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #67e8f9; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - } - .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:not(: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:not(: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: #67e8f9; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #303643; - 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(103, 232, 249, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(103, 232, 249, 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(103, 232, 249, 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(103, 232, 249, 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-visible { - box-shadow: inset 0 0 0 0.15rem #45e3f8; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #45e3f8; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(103, 232, 249, 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(103, 232, 249, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(103, 232, 249, 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: #67e8f9; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(103, 232, 249, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(103, 232, 249, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(103, 232, 249, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .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: #0f1522; - 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(103, 232, 249, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(9, 192, 216, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(103, 232, 249, 0.16); - border-color: rgba(103, 232, 249, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #67e8f9; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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.p-highlight { - background: rgba(103, 232, 249, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(35, 222, 246, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(103, 232, 249, 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 #45e3f8; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: #45e3f8; - } - .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(103, 232, 249, 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(103, 232, 249, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #45e3f8; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(103, 232, 249, 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: #67e8f9; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #67e8f9; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #67e8f9; - color: #67e8f9; - } - .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: #0f1522; - color: #67e8f9; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #67e8f9; - color: #030712; - 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, 232, 249, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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 #45e3f8; - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #67e8f9; - border-style: dashed; - background-color: rgba(103, 232, 249, 0.16); - } - .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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #45e3f8; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-slidemenu .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(103, 232, 249, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #67e8f9; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #67e8f9; - color: #67e8f9; - } - .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: #0f1522; - color: #67e8f9; - 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 #45e3f8; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(103, 232, 249, 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(103, 232, 249, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #67e8f9; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #45e3f8; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #67e8f9; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(103, 232, 249, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(103, 232, 249, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #67e8f9; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #67e8f9; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #67e8f9; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(103, 232, 249, 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 #67e8f9; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #67e8f9; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(103, 232, 249, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #56e5f8; - border: 1px solid #56e5f8; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.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 #45e3f8; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; -} -.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: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; -} -.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 #45e3f8; - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #56e5f8; - border-color: #56e5f8; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #56e5f8; - border-color: #56e5f8; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; -} -.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 #45e3f8; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; -} -.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: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; -} -.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 #45e3f8; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.scss deleted file mode 100644 index be3d4e5..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/cyan/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #67e8f9 !default; -$primaryLightColor: rgba(103, 232, 249, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #06b6d4 !default; - -$highlightBg: rgba(103, 232, 249, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/green/theme.css b/tiles/assets/layout/styles/theme/theme-dark/green/theme.css deleted file mode 100644 index 1f47a9a..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/green/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#6ee7b7; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #51e2a8; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(110, 231, 183, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f8fefb; - --primary-100:#dcf9ee; - --primary-200:#c1f5e0; - --primary-300:#a5f0d2; - --primary-400:#8aecc5; - --primary-500:#6ee7b7; - --primary-600:#5ec49c; - --primary-700:#4da280; - --primary-800:#3d7f65; - --primary-900:#2c5c49; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #6ee7b7; -} -.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: #6ee7b7; -} -.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: #6ee7b7; -} -.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: #6ee7b7; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #6ee7b7; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #6ee7b7; - } - .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(110, 231, 183, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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(110, 231, 183, 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(110, 231, 183, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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 #51e2a8; - } - .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 #51e2a8; - } - .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 #51e2a8; - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #6ee7b7; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #6ee7b7; - background: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #5fe5b0; - background: #5fe5b0; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #6ee7b7; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #5fe5b0; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #6ee7b7; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #6ee7b7; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(110, 231, 183, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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 #51e2a8; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #6ee7b7; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(110, 231, 183, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #6ee7b7; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(110, 231, 183, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #6ee7b7; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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(110, 231, 183, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #6ee7b7; - background: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #5fe5b0; - background: #5fe5b0; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #6ee7b7; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #5fe5b0; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #6ee7b7; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #6ee7b7; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #6ee7b7; - 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 #51e2a8; - } - .p-slider .p-slider-range { - background: #6ee7b7; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #6ee7b7; - border-color: #6ee7b7; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #6ee7b7; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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:not(:disabled):hover { - background: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); - } - .p-button:not(:disabled):active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #6ee7b7; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #51e2a8; - } - .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: #6ee7b7; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #6ee7b7; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #51e2a8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #6ee7b7; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #6ee7b7; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - } - .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:not(: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:not(: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: #6ee7b7; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #303643; - 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(110, 231, 183, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(110, 231, 183, 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(110, 231, 183, 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(110, 231, 183, 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-visible { - box-shadow: inset 0 0 0 0.15rem #51e2a8; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #51e2a8; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(110, 231, 183, 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(110, 231, 183, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(110, 231, 183, 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: #6ee7b7; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(110, 231, 183, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(110, 231, 183, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(110, 231, 183, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .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: #0f1522; - 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(110, 231, 183, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(30, 183, 123, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(110, 231, 183, 0.16); - border-color: rgba(110, 231, 183, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #6ee7b7; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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.p-highlight { - background: rgba(110, 231, 183, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(51, 221, 154, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(110, 231, 183, 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 #51e2a8; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: #51e2a8; - } - .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(110, 231, 183, 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(110, 231, 183, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #51e2a8; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(110, 231, 183, 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: #6ee7b7; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #6ee7b7; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #6ee7b7; - color: #6ee7b7; - } - .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: #0f1522; - color: #6ee7b7; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #6ee7b7; - color: #030712; - 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(110, 231, 183, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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 #51e2a8; - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #6ee7b7; - border-style: dashed; - background-color: rgba(110, 231, 183, 0.16); - } - .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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #51e2a8; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-slidemenu .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(110, 231, 183, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #6ee7b7; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #6ee7b7; - color: #6ee7b7; - } - .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: #0f1522; - color: #6ee7b7; - 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 #51e2a8; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(110, 231, 183, 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(110, 231, 183, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #6ee7b7; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #51e2a8; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #6ee7b7; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(110, 231, 183, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(110, 231, 183, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #6ee7b7; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #6ee7b7; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #6ee7b7; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 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 #6ee7b7; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #6ee7b7; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #5fe5b0; - border: 1px solid #5fe5b0; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.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 #51e2a8; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; -} -.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 #51e2a8; - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #5fe5b0; - border-color: #5fe5b0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #5fe5b0; - border-color: #5fe5b0; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; -} -.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 #51e2a8; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; -} -.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 #51e2a8; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/green/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/green/theme.scss deleted file mode 100644 index 1ee0faa..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/green/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #6ee7b7 !default; -$primaryLightColor: rgba(110, 231, 183, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #10b981 !default; - -$highlightBg: rgba(110, 231, 183, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.css b/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.css deleted file mode 100644 index 5e3ba89..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#818cf8; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(129, 140, 248, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f9f9ff; - --primary-100:#e1e3fd; - --primary-200:#c9cefc; - --primary-300:#b1b8fb; - --primary-400:#99a2f9; - --primary-500:#818cf8; - --primary-600:#6e77d3; - --primary-700:#5a62ae; - --primary-800:#474d88; - --primary-900:#343863; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #818cf8; -} -.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: #818cf8; -} -.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: #818cf8; -} -.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: #818cf8; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #818cf8; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #818cf8; - } - .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, 140, 248, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #818cf8; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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(129, 140, 248, 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(129, 140, 248, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.2); - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #818cf8; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #818cf8; - background: #818cf8; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #818cf8; - } - .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(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #c7d2fe; - background: #c7d2fe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #818cf8; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #c7d2fe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #818cf8; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #818cf8; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(129, 140, 248, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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(129, 140, 248, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #818cf8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #a5b4fc; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #818cf8; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(129, 140, 248, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #818cf8; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #818cf8; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #818cf8; - background: #818cf8; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #c7d2fe; - background: #c7d2fe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #818cf8; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #c7d2fe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #818cf8; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #818cf8; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #818cf8; - border-color: #818cf8; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #a5b4fc; - border-color: #a5b4fc; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #818cf8; - 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(129, 140, 248, 0.2); - } - .p-slider .p-slider-range { - background: #818cf8; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #818cf8; - border-color: #818cf8; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #818cf8; - border-color: #818cf8; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #a5b4fc; - border-color: #a5b4fc; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #818cf8; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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:not(:disabled):hover { - background: #a5b4fc; - color: #030712; - border-color: #a5b4fc; - } - .p-button:not(:disabled):active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #818cf8; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(129, 140, 248, 0.2); - } - .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: #818cf8; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #818cf8; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #818cf8; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #818cf8; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - } - .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:not(: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:not(: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: #818cf8; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #303643; - 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(129, 140, 248, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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, 140, 248, 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(129, 140, 248, 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(129, 140, 248, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(129, 140, 248, 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, 140, 248, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 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: #818cf8; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(129, 140, 248, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(129, 140, 248, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(129, 140, 248, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .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: #0f1522; - 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, 140, 248, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(13, 34, 236, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(129, 140, 248, 0.16); - border-color: rgba(129, 140, 248, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #818cf8; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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.p-highlight { - background: rgba(129, 140, 248, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(58, 75, 244, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(129, 140, 248, 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(129, 140, 248, 0.2); - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: rgba(129, 140, 248, 0.2); - } - .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, 140, 248, 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(129, 140, 248, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(129, 140, 248, 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: #818cf8; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #818cf8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #818cf8; - color: #818cf8; - } - .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: #0f1522; - color: #818cf8; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #818cf8; - color: #030712; - 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: #a5b4fc; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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(129, 140, 248, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #818cf8; - border-style: dashed; - background-color: rgba(129, 140, 248, 0.16); - } - .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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(129, 140, 248, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(129, 140, 248, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #818cf8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #818cf8; - color: #818cf8; - } - .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: #0f1522; - color: #818cf8; - 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(129, 140, 248, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(129, 140, 248, 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, 140, 248, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #818cf8; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(129, 140, 248, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #818cf8; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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, 140, 248, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(129, 140, 248, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #818cf8; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #818cf8; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #818cf8; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 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 #818cf8; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #818cf8; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #c7d2fe; - border: 1px solid #c7d2fe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); -} -.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(129, 140, 248, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #818cf8; - border-color: #818cf8; - color: #030712; -} -.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: #a5b4fc; - border-color: #a5b4fc; - color: #030712; -} -.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(129, 140, 248, 0.2); - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #c7d2fe; - border-color: #c7d2fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #c7d2fe; - border-color: #c7d2fe; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; -} -.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(129, 140, 248, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; -} -.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(129, 140, 248, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #818cf8; - border-color: #818cf8; - color: #030712; -} -.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: #a5b4fc; - border-color: #a5b4fc; - color: #030712; -} -.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(129, 140, 248, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.scss deleted file mode 100644 index b8899b9..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/indigo/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #818cf8 !default; -$primaryLightColor: #a5b4fc !default; -$primaryLighterColor: #c7d2fe !default; -$primaryLightestColor: rgba(129, 140, 248, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #6366f1 !default; - -$highlightBg:rgba(129, 140, 248, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/orange/theme.css b/tiles/assets/layout/styles/theme/theme-dark/orange/theme.css deleted file mode 100644 index 2324aab..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/orange/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#fcd34d; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #fbcb2d; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(252, 211, 77, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#fffdf6; - --primary-100:#fef4d4; - --primary-200:#feecb2; - --primary-300:#fde491; - --primary-400:#fddb6f; - --primary-500:#fcd34d; - --primary-600:#d6b341; - --primary-700:#b09436; - --primary-800:#8b742a; - --primary-900:#65541f; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #fcd34d; -} -.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: #fcd34d; -} -.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: #fcd34d; -} -.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: #fcd34d; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #fcd34d; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #fcd34d; - } - .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(252, 211, 77, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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(252, 211, 77, 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(252, 211, 77, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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 #fbcb2d; - } - .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 #fbcb2d; - } - .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 #fbcb2d; - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #fcd34d; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #fcd34d; - background: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #fccf3d; - background: #fccf3d; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #fcd34d; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #fccf3d; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #fcd34d; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #fcd34d; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(252, 211, 77, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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 #fbcb2d; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #fcd34d; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(252, 211, 77, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #fcd34d; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(252, 211, 77, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #fcd34d; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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(252, 211, 77, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #fcd34d; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #fcd34d; - background: #fcd34d; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #fccf3d; - background: #fccf3d; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #fcd34d; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #fccf3d; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #fcd34d; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #fcd34d; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #fcd34d; - 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 #fbcb2d; - } - .p-slider .p-slider-range { - background: #fcd34d; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #fcd34d; - border-color: #fcd34d; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #fcd34d; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); - } - .p-button:not(:disabled):active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #fcd34d; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #fbcb2d; - } - .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: #fcd34d; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #fcd34d; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #fbcb2d; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #fcd34d; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #fcd34d; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - } - .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:not(: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:not(: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: #fcd34d; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #303643; - 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(252, 211, 77, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(252, 211, 77, 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(252, 211, 77, 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(252, 211, 77, 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-visible { - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #fbcb2d; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(252, 211, 77, 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(252, 211, 77, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(252, 211, 77, 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: #fcd34d; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(252, 211, 77, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(252, 211, 77, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(252, 211, 77, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .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: #0f1522; - 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(252, 211, 77, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(198, 153, 3, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(252, 211, 77, 0.16); - border-color: rgba(252, 211, 77, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #fcd34d; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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.p-highlight { - background: rgba(252, 211, 77, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(251, 195, 12, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(252, 211, 77, 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 #fbcb2d; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: #fbcb2d; - } - .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(252, 211, 77, 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(252, 211, 77, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #fbcb2d; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(252, 211, 77, 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: #fcd34d; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #fcd34d; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #fcd34d; - color: #fcd34d; - } - .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: #0f1522; - color: #fcd34d; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #fcd34d; - color: #030712; - 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(252, 211, 77, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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 #fbcb2d; - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #fcd34d; - border-style: dashed; - background-color: rgba(252, 211, 77, 0.16); - } - .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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #fbcb2d; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-slidemenu .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(252, 211, 77, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #fcd34d; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #fcd34d; - color: #fcd34d; - } - .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: #0f1522; - color: #fcd34d; - 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 #fbcb2d; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(252, 211, 77, 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(252, 211, 77, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #fcd34d; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #fbcb2d; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #fcd34d; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(252, 211, 77, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(252, 211, 77, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #fcd34d; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #fcd34d; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #fcd34d; - } - - .p-button: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-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 #fcd34d; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fcd34d; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - 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-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #fccf3d; - border: 1px solid #fccf3d; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.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 #fbcb2d; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; -} -.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: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; -} -.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 #fbcb2d; - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #fccf3d; - border-color: #fccf3d; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #fccf3d; - border-color: #fccf3d; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; -} -.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 #fbcb2d; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; -} -.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: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; -} -.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 #fbcb2d; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/orange/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/orange/theme.scss deleted file mode 100644 index 17bb389..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/orange/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #fcd34d !default; -$primaryLightColor: rgba(252, 211, 77, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #f59e0b !default; - -$highlightBg: rgba(252, 211, 77, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/pink/theme.css b/tiles/assets/layout/styles/theme/theme-dark/pink/theme.css deleted file mode 100644 index 9ca7d93..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/pink/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#fda4af; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #fc7b8b; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(253, 164, 175, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#fffafb; - --primary-100:#ffe9ec; - --primary-200:#fed8dd; - --primary-300:#fec7cd; - --primary-400:#fdb5be; - --primary-500:#fda4af; - --primary-600:#d78b95; - --primary-700:#b1737b; - --primary-800:#8b5a60; - --primary-900:#654246; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #fda4af; -} -.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: #fda4af; -} -.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: #fda4af; -} -.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: #fda4af; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #fda4af; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: #fda4af; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #fda4af; - } - .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(253, 164, 175, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #fda4af; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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(253, 164, 175, 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(253, 164, 175, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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 #fc7b8b; - } - .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 #fc7b8b; - } - .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 #fc7b8b; - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #fda4af; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: #fda4af; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #fda4af; - background: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #fd909d; - background: #fd909d; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #fda4af; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #fd909d; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #fda4af; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #fda4af; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(253, 164, 175, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: #fda4af; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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 #fc7b8b; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #fda4af; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(253, 164, 175, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #fda4af; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(253, 164, 175, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: #fda4af; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #fda4af; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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(253, 164, 175, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: #fda4af; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #fda4af; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #fda4af; - background: #fda4af; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #fd909d; - background: #fd909d; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #fda4af; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #fd909d; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #fda4af; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #fda4af; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fda4af; - border-color: #fda4af; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #fda4af; - 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 #fc7b8b; - } - .p-slider .p-slider-range { - background: #fda4af; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #fda4af; - border-color: #fda4af; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fda4af; - border-color: #fda4af; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #fda4af; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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:not(:disabled):hover { - background: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); - } - .p-button:not(:disabled):active { - background: #fd909d; - color: #030712; - border-color: #fd909d; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #fda4af; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #fc7b8b; - } - .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: #fda4af; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #fda4af; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #fc7b8b; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #fda4af; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #fda4af; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - } - .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:not(: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:not(: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: #fda4af; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #303643; - 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(253, 164, 175, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(253, 164, 175, 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(253, 164, 175, 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(253, 164, 175, 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-visible { - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #fc7b8b; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(253, 164, 175, 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(253, 164, 175, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(253, 164, 175, 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: #fda4af; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(253, 164, 175, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(253, 164, 175, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(253, 164, 175, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: #fda4af; - } - .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: #0f1522; - 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(253, 164, 175, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(250, 39, 65, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(253, 164, 175, 0.16); - border-color: rgba(253, 164, 175, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: #fda4af; - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #fda4af; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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.p-highlight { - background: rgba(253, 164, 175, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(251, 82, 103, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(253, 164, 175, 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 #fc7b8b; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: #fc7b8b; - } - .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(253, 164, 175, 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(253, 164, 175, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #fc7b8b; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(253, 164, 175, 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: #fda4af; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #fda4af; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #fda4af; - color: #fda4af; - } - .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: #0f1522; - color: #fda4af; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #fda4af; - color: #030712; - 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(253, 164, 175, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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 #fc7b8b; - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #fda4af; - border-style: dashed; - background-color: rgba(253, 164, 175, 0.16); - } - .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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #fd909d; - color: #030712; - border-color: #fd909d; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #fc7b8b; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-slidemenu .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(253, 164, 175, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #fda4af; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #fda4af; - color: #fda4af; - } - .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: #0f1522; - color: #fda4af; - 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 #fc7b8b; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(253, 164, 175, 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(253, 164, 175, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #fda4af; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #fc7b8b; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #fda4af; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(253, 164, 175, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(253, 164, 175, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #fda4af; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #fda4af; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #fda4af; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(253, 164, 175, 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 #fda4af; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fda4af; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(253, 164, 175, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #fd909d; - border: 1px solid #fd909d; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #fd909d; - color: #030712; - border-color: #fd909d; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.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 #fc7b8b; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fda4af; - border-color: #fda4af; - color: #030712; -} -.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: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; -} -.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 #fc7b8b; - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #fd909d; - border-color: #fd909d; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #fd909d; - border-color: #fd909d; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #fd909d; - color: #030712; - border-color: #fd909d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; -} -.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 #fc7b8b; -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #fda4af; - border-color: #fda4af; - color: #030712; -} -.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: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; -} -.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 #fc7b8b; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/pink/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/pink/theme.scss deleted file mode 100644 index e7bcf18..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/pink/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #fda4af !default; -$primaryLightColor: rgba(253, 164, 175, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #d946ef !default; - -$highlightBg: rgba(253, 164, 175, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: darken($primaryColor, 0.08) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/purple/theme.css b/tiles/assets/layout/styles/theme/theme-dark/purple/theme.css deleted file mode 100644 index 159d713..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/purple/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#a78bfa; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(167, 139, 250, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#fbf9ff; - --primary-100:#eae3fe; - --primary-200:#d9cdfd; - --primary-300:#c8b7fc; - --primary-400:#b8a1fb; - --primary-500:#a78bfa; - --primary-600:#8e76d5; - --primary-700:#7561af; - --primary-800:#5c4c8a; - --primary-900:#433864; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #a78bfa; -} -.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: #a78bfa; -} -.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: #a78bfa; -} -.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: #a78bfa; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #a78bfa; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #a78bfa; - } - .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(167, 139, 250, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 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(167, 139, 250, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.2); - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #a78bfa; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #a78bfa; - } - .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(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #ddd6fe; - background: #ddd6fe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #a78bfa; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #ddd6fe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #a78bfa; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #a78bfa; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(167, 139, 250, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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(167, 139, 250, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #a78bfa; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #c4b5fd; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #a78bfa; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(167, 139, 250, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #a78bfa; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #a78bfa; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #ddd6fe; - background: #ddd6fe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #a78bfa; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ddd6fe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #a78bfa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #a78bfa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #c4b5fd; - border-color: #c4b5fd; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #a78bfa; - 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(167, 139, 250, 0.2); - } - .p-slider .p-slider-range { - background: #a78bfa; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #a78bfa; - border-color: #a78bfa; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #c4b5fd; - border-color: #c4b5fd; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #a78bfa; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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:not(:disabled):hover { - background: #c4b5fd; - color: #030712; - border-color: #c4b5fd; - } - .p-button:not(:disabled):active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #a78bfa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(167, 139, 250, 0.2); - } - .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: #a78bfa; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #a78bfa; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #a78bfa; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #a78bfa; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - } - .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:not(: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:not(: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: #a78bfa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #303643; - 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(167, 139, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(167, 139, 250, 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(167, 139, 250, 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(167, 139, 250, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(167, 139, 250, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(167, 139, 250, 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(167, 139, 250, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 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: #a78bfa; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(167, 139, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(167, 139, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(167, 139, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .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: #0f1522; - 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(167, 139, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(74, 17, 245, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(167, 139, 250, 0.16); - border-color: rgba(167, 139, 250, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #a78bfa; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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.p-highlight { - background: rgba(167, 139, 250, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(110, 64, 247, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(167, 139, 250, 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(167, 139, 250, 0.2); - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 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(167, 139, 250, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(167, 139, 250, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(167, 139, 250, 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: #a78bfa; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #a78bfa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #a78bfa; - color: #a78bfa; - } - .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: #0f1522; - color: #a78bfa; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #a78bfa; - color: #030712; - 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: #c4b5fd; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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(167, 139, 250, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #a78bfa; - border-style: dashed; - background-color: rgba(167, 139, 250, 0.16); - } - .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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(167, 139, 250, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(167, 139, 250, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #a78bfa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #a78bfa; - color: #a78bfa; - } - .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: #0f1522; - color: #a78bfa; - 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(167, 139, 250, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(167, 139, 250, 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(167, 139, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #a78bfa; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(167, 139, 250, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #a78bfa; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(167, 139, 250, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(167, 139, 250, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #a78bfa; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #a78bfa; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #a78bfa; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 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 #a78bfa; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #a78bfa; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #ddd6fe; - border: 1px solid #ddd6fe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); -} -.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(167, 139, 250, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; -} -.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: #c4b5fd; - border-color: #c4b5fd; - color: #030712; -} -.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(167, 139, 250, 0.2); - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #ddd6fe; - border-color: #ddd6fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ddd6fe; - border-color: #ddd6fe; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; -} -.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(167, 139, 250, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; -} -.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(167, 139, 250, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; -} -.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: #c4b5fd; - border-color: #c4b5fd; - color: #030712; -} -.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(167, 139, 250, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/purple/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/purple/theme.scss deleted file mode 100644 index 19c02fa..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/purple/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #a78bfa !default; -$primaryLightColor: #c4b5fd !default; -$primaryLighterColor: #ddd6fe!default; -$primaryLightestColor: rgba(167, 139, 250, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #8b5cf6 !default; - -$highlightBg:rgba(167, 139, 250, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dark/teal/theme.css b/tiles/assets/layout/styles/theme/theme-dark/teal/theme.css deleted file mode 100644 index 5bda585..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/teal/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#0f1522; - --surface-b:#0d121d; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#303643; - --surface-e:#0f1522; - --surface-f:#0f1522; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#34d399; - --primary-color-text:#030712; - --surface-0: #0d121d; - --surface-50: #0f1522; - --surface-100: #111827; - --surface-200: #303643; - --surface-300: #4f545f; - --surface-400: #6e727b; - --surface-500: #8d9097; - --surface-600: #acaeb3; - --surface-700: #cbcccf; - --surface-800: #eaeaec; - --surface-900: #ffffff; - --gray-50: #eaeaec; - --gray-100: #cbcccf; - --gray-200: #acaeb3; - --gray-300: #8d9097; - --gray-400: #6e727b; - --gray-500: #4f545f; - --gray-600: #303643; - --gray-700: #111827; - --gray-800: #0f1522; - --gray-900: #0d121d; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0d121d; - --surface-section:#0d121d; - --surface-card:#0f1522; - --surface-overlay:#0f1522; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(52, 211, 153, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f5fdfa; - --primary-100:#cef4e7; - --primary-200:#a8ecd3; - --primary-300:#81e4c0; - --primary-400:#5bdbac; - --primary-500:#34d399; - --primary-600:#2cb382; - --primary-700:#24946b; - --primary-800:#1d7454; - --primary-900:#15543d; -} - -.p-editor-container .p-editor-toolbar { - background: #0f1522; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #303643; -} -.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: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 #303643; -} -.p-editor-container .p-editor-content .ql-editor { - background: #0d121d; - 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: #34d399; -} -.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: #34d399; -} -.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: #34d399; -} -.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: #34d399; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #34d399; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #111827; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - - .p-datepicker { - padding: 0.5rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #0f1522; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #0f1522; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #303643; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #34d399; - } - .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(52, 211, 153, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #34d399; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #303643; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 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(52, 211, 153, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #303643; - 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(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.2); - } - - 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: #0d121d; - border: 1px solid #303643; - 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: #34d399; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #303643; - background: #0d121d; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #34d399; - background: #34d399; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #34d399; - } - .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(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a7f3d0; - background: #a7f3d0; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #303643; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #34d399; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #303643; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a7f3d0; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #34d399; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #4f545f; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #0f1522; - border: 1px solid #303643; - } - .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: #0d121d; - border: 1px solid #303643; - 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: #34d399; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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(52, 211, 153, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #303643; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #303643; - border-left: 1px solid #303643; - border-bottom: 1px solid #303643; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #303643; - } - - .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: #4f545f; - 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(52, 211, 153, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #303643; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #34d399; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #6ee7b7; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #0d121d; - padding: 0.75rem 0.75rem; - border: 1px solid #303643; - 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: #34d399; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #303643; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #303643; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #303643; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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; - outline: 0 none; - } - .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(52, 211, 153, 0.16); - } - .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: #111827; - 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.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #0d121d; - border: 1px solid #303643; - 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: #34d399; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #303643; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .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 .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: #111827; - 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-input-filled .p-multiselect { - background: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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: #303643; - } - .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 #303643; - background: #0d121d; - 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: #34d399; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #34d399; - background: #34d399; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a7f3d0; - background: #a7f3d0; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #34d399; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a7f3d0; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #34d399; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #34d399; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #34d399; - border-color: #34d399; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #303643; - 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: #303643; - border: 2px solid #34d399; - 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(52, 211, 153, 0.2); - } - .p-slider .p-slider-range { - background: #34d399; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #34d399; - border-color: #34d399; - } - .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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #34d399; - border-color: #34d399; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #0d121d; - border: 1px solid #303643; - 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: #34d399; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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: #303643; - 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #303643; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #303643; - } - - 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: #030712; - background: #34d399; - border: 1px solid #34d399; - 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:not(:disabled):hover { - background: #6ee7b7; - color: #030712; - border-color: #6ee7b7; - } - .p-button:not(:disabled):active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #34d399; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #34d399; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(52, 211, 153, 0.2); - } - .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: #34d399; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #34d399; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #34d399; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #34d399; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #0d121d; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #0d121d; - } - - .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: #34d399; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - } - .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:not(: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:not(: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: #34d399; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #303643; - 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(52, 211, 153, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .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(52, 211, 153, 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(52, 211, 153, 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(52, 211, 153, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #0f1522; - 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 #303643; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(52, 211, 153, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(52, 211, 153, 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(52, 211, 153, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 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: #34d399; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #0f1522; - } - .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: #0f1522; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(52, 211, 153, 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(52, 211, 153, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-column-filter-overlay { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(52, 211, 153, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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 #303643; - } - .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; - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .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: #0f1522; - 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(52, 211, 153, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(24, 111, 80, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #303643; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #303643; - border-color: #303643; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #303643; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-paginator { - background: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: solid #303643; - 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(52, 211, 153, 0.16); - border-color: rgba(52, 211, 153, 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: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #0f1522; - border: 1px solid #303643; - 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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .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: #0f1522; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #34d399; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #303643; - } - .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 #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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.p-highlight { - background: rgba(52, 211, 153, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(37, 173, 124, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #303643; - background-color: #0f1522; - 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(52, 211, 153, 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(52, 211, 153, 0.2); - } - - .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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #303643; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - } - .p-treetable .p-sortable-column { - outline-color: rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 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(52, 211, 153, 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: #0f1522; - 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 #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(52, 211, 153, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(52, 211, 153, 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: #34d399; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #0f1522; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #0f1522; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #303643; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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 #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #0f1522; - border-color: #303643; - 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: #303643; - 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 #303643; - background: #0f1522; - 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: #0f1522; - 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: #0f1522; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #303643; - } - .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 #303643; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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-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: #303643; - border: 0 none; - } - - .p-splitter { - border: 1px solid #303643; - background: #0f1522; - 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: #303643; - } - .p-splitter .p-splitter-gutter-resizing { - background: #303643; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #303643; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #0f1522; - border-color: #34d399; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #0f1522; - border-color: #34d399; - color: #34d399; - } - .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: #0f1522; - color: #34d399; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabview .p-tabview-panels { - background: #0f1522; - 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: #0f1522; - border: 1px solid #303643; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #303643; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #0f1522; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #303643; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #303643; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #0f1522; - 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: #0f1522; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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: #34d399; - color: #030712; - 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: #6ee7b7; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(15, 21, 34, 0); - border-bottom-color: #0f1522; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 54, 67, 0); - border-bottom-color: #2e3340; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #0f1522; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #303643; - } - - .p-sidebar { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #303643; - 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: #303643; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #303643; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #303643; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #303643; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #0f1522; - padding: 1.25rem; - border: 1px solid #303643; - 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(52, 211, 153, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #0f1522; - padding: 2rem 1rem; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #34d399; - border-style: dashed; - background-color: rgba(52, 211, 153, 0.16); - } - .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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; - } - - .p-breadcrumb { - background: #111827; - border: 1px solid #303643; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .p-dock .p-dock-link { - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #34d399; - color: #030712; - 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: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(52, 211, 153, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #303643; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); - background: #0f1522; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #303643; - 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 #303643; - background: #0f1522; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #34d399; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(52, 211, 153, 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 #303643; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #303643; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #34d399; - color: #030712; - 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 #303643; - border-width: 0 0 2px 0; - border-color: transparent transparent #303643 transparent; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #0f1522; - border-color: #34d399; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #0f1522; - border-color: #34d399; - color: #34d399; - } - .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: #0f1522; - color: #34d399; - 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(52, 211, 153, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #111827; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #111827; - border: 1px solid #303643; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.16); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #303643; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #303643; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #303643; - 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(52, 211, 153, 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(52, 211, 153, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #303643; - 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 #0f1522; - } - - .p-badge { - background: #34d399; - color: #030712; - 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: #303643; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(52, 211, 153, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #303643; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #34d399; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(52, 211, 153, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(52, 211, 153, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #34d399; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #0f1522; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #303643; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #34d399; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #34d399; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 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 #34d399; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #34d399; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #0f1522; - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #0f1522; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #303643; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #a7f3d0; - border: 1px solid #a7f3d0; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #0f1522; - border: 1px solid #303643; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #34d399; - border: 1px solid #34d399; - 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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); -} -.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(52, 211, 153, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #34d399; - border-color: #34d399; - color: #030712; -} -.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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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(52, 211, 153, 0.2); - 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: #303643; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #0f1522; - border-color: #303643; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #303643; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #0f1522; -} -.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 #303643; - padding: 1.25rem; - background: #0f1522; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #303643; - background: #0f1522; - 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: #030712; - background: #a7f3d0; - border-color: #a7f3d0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #a7f3d0; - border-color: #a7f3d0; -} -.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: #0f1522; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #34d399; - border: 1px solid #34d399; - 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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; -} -.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(52, 211, 153, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #34d399; - border: 1px solid #34d399; -} -.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(52, 211, 153, 0.2); -} -.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: #0f1522; - border: 1px solid #303643; - 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: #303643; - 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: #34d399; - border-color: #34d399; - color: #030712; -} -.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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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(52, 211, 153, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dark/teal/theme.scss b/tiles/assets/layout/styles/theme/theme-dark/teal/theme.scss deleted file mode 100644 index 8d432e9..0000000 --- a/tiles/assets/layout/styles/theme/theme-dark/teal/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #34d399 !default; -$primaryLightColor: #6ee7b7 !default; -$primaryLighterColor: #a7f3d0 !default; -$primaryLightestColor: rgba(52, 211, 153, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #14b8a6 !default; - -$highlightBg:rgba(52, 211, 153, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/_extensions.scss b/tiles/assets/layout/styles/theme/theme-dim/_extensions.scss deleted file mode 100644 index c69d12a..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/_extensions.scss +++ /dev/null @@ -1,120 +0,0 @@ -@mixin focused-ring($ring-color) { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0); -} - -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .p-accordion { - .p-accordion-header { - .p-accordion-header-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - - .p-tabview { - .p-tabview-nav { - li { - .p-tabview-nav-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - } - - .p-carousel { - .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-galleria { - .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-button { - &:focus { - @include focused-ring(rgba($buttonBg, .7)); - } - - &.p-button-secondary:enabled:focus { - @include focused-ring(rgba($secondaryButtonBg, .7)); - } - - &.p-button-success:enabled:focus { - @include focused-ring(rgba($successButtonBg, .7)); - } - - &.p-button-info:enabled:focus { - @include focused-ring(rgba($infoButtonBg, .7)); - } - - &.p-button-warning:enabled:focus { - @include focused-ring(rgba($warningButtonBg, .7)); - } - - &.p-button-help:enabled:focus { - @include focused-ring(rgba($helpButtonBg, .7)); - } - - &.p-button-danger:enabled:focus { - @include focused-ring(rgba($dangerButtonBg, .7)); - } - } - - .p-datatable { - .p-datatable-tbody { - > tr { - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $primaryColor; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $primaryColor; - } - } - } - } - - .p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused-ring(rgba($buttonBg, .7)); - } - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message { - .p-message-close { - &:hover { - background: rgba(255,255,255,.1); - } - } - } - - .p-toast { - .p-toast-message { - .p-toast-icon-close { - &:hover { - background: rgba(255,255,255,.1); - } - } - } - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { - transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-dim/_variables.scss b/tiles/assets/layout/styles/theme/theme-dim/_variables.scss deleted file mode 100644 index 8c49710..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/_variables.scss +++ /dev/null @@ -1,896 +0,0 @@ -$colors: ( - "blue": #3B82F6, - "green": #22C55E, - "yellow": #EAB308, - "cyan": #06B6D4, - "pink": #EC4899, - "indigo": #6366F1, - "teal": #14B8A6, - "orange": #F97316, - "bluegray": #64748B, - "purple": #A855F7, - "red": #FF3D32, - "primary": $primary500 -); - -//shades -$shade000:rgba(255,255,255,.87) !default; //text color -$shade100:rgba(255,255,255,.60) !default; //text secondary color -$shade500:#6b7280 !default; -$shade600:#424b57 !default; //input bg, border, divider -$shade700:#374151 !default; //menu bg -$shade800:#1f2937 !default; //elevated surface -$shade900:#111827 !default; //ground surface - -$hoverBg:rgba(255,255,255,.03) !default; - -//global -$fontFamily:'Poppins', sans-serif !default; -$fontSize:1rem !default; -$fontWeight:normal !default; -$textColor:$shade000 !default; -$textSecondaryColor:$shade100 !default; -$borderRadius:6px !default; -$transitionDuration:.2s !default; -$formElementTransition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; -$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default; -$listItemTransition: box-shadow $transitionDuration !default; -$primeIconFontSize:1rem !default; -$divider:1px solid $shade600 !default; -$inlineSpacing:.5rem !default; //spacing between inline elements -$disabledOpacity:.4 !default; //opacity of a disabled item -$maskBg:rgba(0, 0, 0, 0.4) !default; //modal mask bg color -$loadingIconFontSize:2rem !default; -$errorColor:#FCA5A5 !default; - -//scale -$scaleSM:0.875 !default; -$scaleLG:1.25 !default; - -//focus -$focusOutlineColor:$primaryLightestColor !default; -$focusOutline:0 none !default; -$focusOutlineOffset:0 !default; -$focusShadow:0 0 0 .2rem $focusOutlineColor !default; - -//action icons -$actionIconWidth: 2rem !default; -$actionIconHeight: 2rem !default; -$actionIconBg: transparent !default; -$actionIconBorder: 0 none !default; -$actionIconColor: $shade100 !default; -$actionIconHoverBg: $hoverBg !default; -$actionIconHoverBorderColor: transparent !default; -$actionIconHoverColor: $shade000 !default; -$actionIconBorderRadius: 50% !default; - -//input field (e.g. inputtext, spinner, inputmask) -$inputPadding:.75rem .75rem !default; -$inputTextFontSize:1rem !default; -$inputBg:$shade900 !default; -$inputTextColor:$shade000 !default; -$inputIconColor:$shade100 !default; -$inputBorder:1px solid $shade600 !default; -$inputHoverBorderColor:$primaryColor !default; -$inputFocusBorderColor:$primaryColor !default; -$inputErrorBorderColor:$errorColor !default; -$inputPlaceholderTextColor:$shade100 !default; -$inputFilledBg:$shade600 !default; -$inputFilledHoverBg:$inputFilledBg !default; -$inputFilledFocusBg:$inputFilledBg !default; - -//input groups -$inputGroupBg:$shade800 !default; -$inputGroupTextColor:$shade100 !default; -$inputGroupAddOnMinWidth:3rem !default; - -//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) -$inputListBg:$shade800 !default; -$inputListTextColor:$shade000 !default; -$inputListBorder:$inputBorder !default; -$inputListPadding:.75rem 0 !default; -$inputListItemPadding:.75rem 1.25rem !default; -$inputListItemBg:transparent !default; -$inputListItemTextColor:$shade000 !default; -$inputListItemHoverBg:$hoverBg !default; -$inputListItemTextHoverColor:$shade000 !default; -$inputListItemFocusBg:$shade600 !default; -$inputListItemTextFocusColor:$shade000 !default; -$inputListItemBorder:0 none !default; -$inputListItemBorderRadius:0 !default; -$inputListItemMargin:0 !default; -$inputListItemFocusShadow:inset 0 0 0 0.15rem $focusOutlineColor !default; -$inputListHeaderPadding:.75rem 1.25rem !default; -$inputListHeaderMargin:0 !default; -$inputListHeaderBg:$shade800 !default; -$inputListHeaderTextColor:$shade000 !default; -$inputListHeaderBorder:1px solid $shade600 !default; - -//inputs with overlays (e.g. autocomplete, dropdown, multiselect) -$inputOverlayBg:$inputListBg !default; -$inputOverlayHeaderBg:$inputListHeaderBg !default; -$inputOverlayBorder:1px solid $shade600 !default; -$inputOverlayShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; - -//password -$passwordMeterBg:$shade600 !default; -$passwordWeakBg:#eb9a9c !default; -$passwordMediumBg:#ffcf91 !default; -$passwordStrongBg:#93deac !default; - -//button -$buttonPadding:.75rem 1.25rem !default; -$buttonIconOnlyWidth:3rem !default; -$buttonIconOnlyPadding:.75rem 0 !default; -$buttonBg:$primaryColor !default; -$buttonTextColor:$primaryTextColor !default; -$buttonBorder:1px solid $primaryColor !default; -$buttonHoverBg:$primaryLightColor !default; -$buttonTextHoverColor:$primaryTextColor !default; -$buttonHoverBorderColor:$primaryLightColor !default; -$buttonActiveBg:$primaryLighterColor !default; -$buttonTextActiveColor:$primaryTextColor !default; -$buttonActiveBorderColor:$primaryLighterColor !default; -$raisedButtonShadow: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) !default; -$roundedButtonBorderRadius:2rem !default; - -$textButtonHoverBgOpacity:.04 !default; -$textButtonActiveBgOpacity:.16 !default; -$outlinedButtonBorder:1px solid !default; -$plainButtonTextColor:$textSecondaryColor !default; -$plainButtonHoverBgColor:$hoverBg !default; -$plainButtonActiveBgColor:rgba(255,255,255,.16) !default; - -$secondaryButtonBg:#CBD5E1 !default; -$secondaryButtonTextColor:#1c2127 !default; -$secondaryButtonBorder:1px solid $secondaryButtonBg !default; -$secondaryButtonHoverBg:scale-color($secondaryButtonBg, $lightness: -10%) !default; -$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; -$secondaryButtonHoverBorderColor:scale-color($secondaryButtonBg, $lightness: -10%) !default; -$secondaryButtonActiveBg:scale-color($secondaryButtonBg, $lightness: -20%) !default; -$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; -$secondaryButtonActiveBorderColor:scale-color($secondaryButtonBg, $lightness: -20%) !default; -$secondaryButtonFocusShadow:0 0 0 1px scale-color($secondaryButtonBg, $lightness: 30%) !default; - -$infoButtonBg:#93C5FD !default; -$infoButtonTextColor:#1c2127 !default; -$infoButtonBorder:1px solid $infoButtonBg !default; -$infoButtonHoverBg:scale-color($infoButtonBg, $lightness: -10%) !default; -$infoButtonTextHoverColor:$infoButtonTextColor !default; -$infoButtonHoverBorderColor:scale-color($infoButtonBg, $lightness: -10%) !default; -$infoButtonActiveBg:scale-color($infoButtonBg, $lightness: -20%) !default; -$infoButtonTextActiveColor:$infoButtonTextColor !default; -$infoButtonActiveBorderColor:scale-color($infoButtonBg, $lightness: -20%) !default; -$infoButtonFocusShadow:0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; - -$successButtonBg:#86EFAC !default; -$successButtonTextColor:#1c2127 !default; -$successButtonBorder:1px solid $successButtonBg !default; -$successButtonHoverBg:scale-color($successButtonBg, $lightness: -10%) !default; -$successButtonTextHoverColor:$successButtonTextColor !default; -$successButtonHoverBorderColor:scale-color($successButtonBg, $lightness: -10%) !default; -$successButtonActiveBg:scale-color($successButtonBg, $lightness: -20%) !default; -$successButtonTextActiveColor:$successButtonTextColor !default; -$successButtonActiveBorderColor:scale-color($successButtonBg, $lightness: -20%) !default; -$successButtonFocusShadow:0 0 0 1px scale-color($successButtonBg, $lightness: 30%) !default; - -$warningButtonBg:#FCD34D !default; -$warningButtonTextColor:#1c2127 !default; -$warningButtonBorder:1px solid $warningButtonBg !default; -$warningButtonHoverBg:scale-color($warningButtonBg, $lightness: -10%) !default; -$warningButtonTextHoverColor:$warningButtonTextColor !default; -$warningButtonHoverBorderColor:scale-color($warningButtonBg, $lightness: -10%) !default; -$warningButtonActiveBg:scale-color($warningButtonBg, $lightness: -20%) !default; -$warningButtonTextActiveColor:$warningButtonTextColor !default; -$warningButtonActiveBorderColor:scale-color($warningButtonBg, $lightness: -20%) !default; -$warningButtonFocusShadow:0 0 0 1px scale-color($warningButtonBg, $lightness: 30%) !default; - -$helpButtonBg:#D8B4FE !default; -$helpButtonTextColor:#1c2127 !default; -$helpButtonBorder:1px solid $helpButtonBg !default; -$helpButtonHoverBg:scale-color($helpButtonBg, $lightness: -10%) !default; -$helpButtonTextHoverColor:$helpButtonTextColor !default; -$helpButtonHoverBorderColor:scale-color($helpButtonBg, $lightness: -10%) !default; -$helpButtonActiveBg:scale-color($helpButtonBg, $lightness: -20%) !default; -$helpButtonTextActiveColor:$helpButtonTextColor !default; -$helpButtonActiveBorderColor:scale-color($helpButtonBg, $lightness: -20%) !default; -$helpButtonFocusShadow:0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; - -$dangerButtonBg:#FCA5A5 !default; -$dangerButtonTextColor:#1c2127 !default; -$dangerButtonBorder:1px solid $dangerButtonBg !default; -$dangerButtonHoverBg:scale-color($dangerButtonBg, $lightness: -10%) !default; -$dangerButtonTextHoverColor:$dangerButtonTextColor !default; -$dangerButtonHoverBorderColor:scale-color($dangerButtonBg, $lightness: -10%) !default; -$dangerButtonActiveBg:scale-color($dangerButtonBg, $lightness: -20%) !default; -$dangerButtonTextActiveColor:$dangerButtonTextColor !default; -$dangerButtonActiveBorderColor:scale-color($dangerButtonBg, $lightness: -20%) !default; -$dangerButtonFocusShadow:0 0 0 1px scale-color($dangerButtonBg, $lightness: 30%) !default; - -$linkButtonColor:$primaryColor !default; -$linkButtonHoverColor:$primaryColor !default; -$linkButtonTextHoverDecoration:underline !default; -$linkButtonFocusShadow:0 0 0 1px $focusOutlineColor !default; - -//checkbox -$checkboxWidth:22px !default; -$checkboxHeight:22px !default; -$checkboxBorder:2px solid $shade600 !default; -$checkboxIconFontSize:14px !default; -$checkboxActiveBorderColor:$primaryColor !default; -$checkboxActiveBg:$primaryColor !default; -$checkboxIconActiveColor:$primaryTextColor !default; -$checkboxActiveHoverBg:$primaryLighterColor !default; -$checkboxIconActiveHoverColor:$primaryTextColor !default; -$checkboxActiveHoverBorderColor:$primaryLighterColor !default; - -//radiobutton -$radiobuttonWidth:22px !default; -$radiobuttonHeight:22px !default; -$radiobuttonBorder:2px solid $shade600 !default; -$radiobuttonIconSize:12px !default; -$radiobuttonActiveBorderColor:$primaryColor !default; -$radiobuttonActiveBg:$primaryColor !default; -$radiobuttonIconActiveColor:$primaryTextColor !default; -$radiobuttonActiveHoverBg:$primaryLighterColor !default; -$radiobuttonIconActiveHoverColor:$primaryTextColor !default; -$radiobuttonActiveHoverBorderColor:$primaryLighterColor !default; - -//colorpicker -$colorPickerPreviewWidth:2rem !default; -$colorPickerPreviewHeight:2rem !default; -$colorPickerBg:$shade800 !default; -$colorPickerBorder:1px solid $shade600 !default; -$colorPickerHandleColor:$shade000 !default; - -//togglebutton -$toggleButtonBg:$shade800 !default; -$toggleButtonBorder:1px solid $shade600 !default; -$toggleButtonTextColor:$shade000 !default; -$toggleButtonIconColor:$shade100 !default; -$toggleButtonHoverBg:$hoverBg !default; -$toggleButtonHoverBorderColor:$shade600 !default; -$toggleButtonTextHoverColor:$shade000 !default; -$toggleButtonIconHoverColor:$shade100 !default; -$toggleButtonActiveBg:$primaryColor !default; -$toggleButtonActiveBorderColor:$primaryColor !default; -$toggleButtonTextActiveColor:$primaryTextColor !default; -$toggleButtonIconActiveColor:$primaryTextColor !default; -$toggleButtonActiveHoverBg:$primaryLightColor !default; -$toggleButtonActiveHoverBorderColor:$primaryLightColor !default; -$toggleButtonTextActiveHoverColor:$primaryTextColor !default; -$toggleButtonIconActiveHoverColor:$primaryTextColor !default; - -//inplace -$inplacePadding:$inputPadding !default; -$inplaceHoverBg:$hoverBg !default; -$inplaceTextHoverColor:$shade000 !default; - -//rating -$ratingIconFontSize:1.143rem !default; -$ratingCancelIconColor:#F48FB1 !default; -$ratingCancelIconHoverColor:#F48FB1 !default; -$ratingStarIconOffColor:$shade000 !default; -$ratingStarIconOnColor:$primaryColor !default; -$ratingStarIconHoverColor:$primaryColor !default; - -//slider -$sliderBg:$shade600 !default; -$sliderBorder:0 none !default; -$sliderHorizontalHeight:.286rem !default; -$sliderVerticalWidth:0.286rem !default; -$sliderHandleWidth:1.143rem !default; -$sliderHandleHeight:1.143rem !default; -$sliderHandleBg:$shade600 !default; -$sliderHandleBorder:2px solid $primaryColor !default; -$sliderHandleBorderRadius:50% !default; -$sliderHandleHoverBorderColor:$primaryColor !default; -$sliderHandleHoverBg:$primaryColor !default; -$sliderRangeBg:$primaryColor !default; - -//calendar -$calendarTableMargin:.5rem 0 !default; -$calendarPadding:.5rem !default; -$calendarBg:$shade800 !default; -$calendarInlineBg:$calendarBg !default; -$calendarTextColor:$shade000 !default; -$calendarBorder:$inputListBorder !default; -$calendarOverlayBorder:$inputOverlayBorder !default; - -$calendarHeaderPadding:.5rem !default; -$calendarHeaderBg:$shade800 !default; -$calendarInlineHeaderBg:$calendarBg !default; -$calendarHeaderBorder:1px solid $shade600 !default; -$calendarHeaderTextColor:$shade000 !default; -$calendarHeaderFontWeight:700 !default; -$calendarHeaderCellPadding:.5rem !default; -$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; - -$calendarCellDatePadding:.5rem !default; -$calendarCellDateWidth:2.5rem !default; -$calendarCellDateHeight:2.5rem !default; -$calendarCellDateBorderRadius:50% !default; -$calendarCellDateBorder:1px solid transparent !default; -$calendarCellDateHoverBg:$hoverBg !default; -$calendarCellDateTodayBg:transparent !default; -$calendarCellDateTodayBorderColor:transparent !default; -$calendarCellDateTodayTextColor:$primaryColor !default; - -$calendarButtonBarPadding:1rem 0 !default; -$calendarTimePickerPadding:.5rem !default; -$calendarTimePickerElementPadding:0 .5rem !default; -$calendarTimePickerTimeFontSize:1.25rem !default; - -$calendarBreakpoint:769px !default; -$calendarCellDatePaddingSM:0 !default; - -//input switch -$inputSwitchWidth:3rem !default; -$inputSwitchHeight:1.75rem !default; -$inputSwitchBorderRadius:30px !default; -$inputSwitchHandleWidth:1.250rem !default; -$inputSwitchHandleHeight:1.250rem !default; -$inputSwitchHandleBorderRadius:50% !default; -$inputSwitchSliderPadding:.25rem !default; -$inputSwitchSliderOffBg:$shade500 !default; -$inputSwitchHandleOffBg:$shade100 !default; -$inputSwitchSliderOffHoverBg:$shade600 !default; -$inputSwitchSliderOnBg:$primaryColor !default; -$inputSwitchSliderOnHoverBg:$primaryLightColor !default; -$inputSwitchHandleOnBg:$primaryTextColor !default; - -//panel -$panelHeaderBorderColor:$shade600 !default; -$panelHeaderBorder:1px solid $shade600 !default; -$panelHeaderBg:$shade800 !default; -$panelHeaderTextColor:$shade000 !default; -$panelHeaderFontWeight:700 !default; -$panelHeaderPadding:1.25rem !default; -$panelToggleableHeaderPadding:.75rem 1.25rem !default; - -$panelHeaderHoverBg:$hoverBg !default; -$panelHeaderHoverBorderColor:$shade600 !default; -$panelHeaderTextHoverColor:$shade000 !default; - -$panelContentBorderColor: $shade600 !default; -$panelContentBorder:1px solid $shade600 !default; -$panelContentBg:$shade800 !default; -$panelContentEvenRowBg:rgba(255,255,255,0.01) !default; -$panelContentTextColor:$shade000 !default; -$panelContentPadding:1.25rem !default; - -$panelFooterBorder:1px solid $shade600 !default; -$panelFooterBg:$shade800 !default; -$panelFooterTextColor:$shade000 !default; -$panelFooterPadding:0.75rem 1.25rem !default; - -//accordion -$accordionSpacing:4px !default; -$accordionHeaderBorder:$panelHeaderBorder !default; -$accordionHeaderBg:$panelHeaderBg !default; -$accordionHeaderTextColor:$panelHeaderTextColor !default; -$accordionHeaderFontWeight:$panelHeaderFontWeight !default; -$accordionHeaderPadding:$panelHeaderPadding !default; - -$accordionHeaderHoverBg:$hoverBg !default; -$accordionHeaderHoverBorderColor:$shade600 !default; -$accordionHeaderTextHoverColor:$shade000 !default; - -$accordionHeaderActiveBg:$panelHeaderBg !default; -$accordionHeaderActiveBorderColor:$shade600 !default; -$accordionHeaderTextActiveColor:$shade000 !default; - -$accordionHeaderActiveHoverBg:$hoverBg !default; -$accordionHeaderActiveHoverBorderColor:$shade600 !default; -$accordionHeaderTextActiveHoverColor:$shade000 !default; - -$accordionContentBorder:$panelContentBorder !default; -$accordionContentBg:$panelContentBg !default; -$accordionContentTextColor:$panelContentTextColor !default; -$accordionContentPadding:$panelContentPadding !default; - -//tabview -$tabviewNavBorder:1px solid $shade600 !default; -$tabviewNavBorderWidth:0 0 2px 0 !default; -$tabviewNavBg:transparent !default; - -$tabviewHeaderSpacing:0 !default; -$tabviewHeaderBorder:solid $shade600 !default; -$tabviewHeaderBorderWidth:0 0 2px 0 !default; -$tabviewHeaderBorderColor:transparent transparent $shade600 transparent !default; -$tabviewHeaderBg:$shade800 !default; -$tabviewHeaderTextColor:$shade100 !default; -$tabviewHeaderFontWeight:$panelHeaderFontWeight !default; -$tabviewHeaderPadding:$panelHeaderPadding !default; -$tabviewHeaderMargin:0 0 -2px 0 !default; - -$tabviewHeaderHoverBg:$shade800 !default; -$tabviewHeaderHoverBorderColor:$primaryColor !default; -$tabviewHeaderTextHoverColor:$shade000 !default; - -$tabviewHeaderActiveBg:$shade800 !default; -$tabviewHeaderActiveBorderColor:$primaryColor !default; -$tabviewHeaderTextActiveColor:$primaryColor !default; - -$tabviewContentBorder:0 none !default; -$tabviewContentBg:$shade800 !default; -$tabviewContentTextColor:$shade000 !default; -$tabviewContentPadding:$panelContentPadding !default; - -//upload -$fileUploadProgressBarHeight:.25rem !default; -$fileUploadContentPadding: 2rem 1rem !default; -$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; -$fileUploadFileBorder: 1px solid $shade600 !default; -$fileUploadFilePadding: 1rem !default; - -//scrollpanel -$scrollPanelTrackBorder:0 none !default; -$scrollPanelTrackBg:$shade600 !default; - -//card -$cardBodyPadding:1.25rem !default; -$cardTitleFontSize:1.5rem !default; -$cardTitleFontWeight:700 !default; -$cardSubTitleFontWeight:400 !default; -$cardSubTitleColor:$shade100 !default; -$cardContentPadding:1.25rem 0 !default; -$cardFooterPadding:1.25rem 0 0 0 !default; -$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; - -//editor -$editorToolbarBg:$panelHeaderBg !default; -$editorToolbarBorder:$panelHeaderBorder !default; -$editorToolbarPadding:$panelHeaderPadding !default; -$editorToolbarIconColor:$textSecondaryColor !default; -$editorToolbarIconHoverColor:$textColor !default; -$editorIconActiveColor:$primaryColor !default; -$editorContentBorder:$panelContentBorder !default; -$editorContentBg:$panelContentBg !default; - -//paginator -$paginatorBg:$shade800 !default; -$paginatorTextColor:$shade100 !default; -$paginatorBorder:solid $shade600 !default; -$paginatorBorderWidth:1px !default; -$paginatorPadding:.5rem 1rem !default; -$paginatorElementWidth:$buttonIconOnlyWidth !default; -$paginatorElementHeight:$buttonIconOnlyWidth !default; -$paginatorElementBg:transparent !default; -$paginatorElementBorder:0 none !default; -$paginatorElementIconColor:$shade100 !default; -$paginatorElementHoverBg:$hoverBg !default; -$paginatorElementHoverBorderColor:transparent !default; -$paginatorElementIconHoverColor:$shade000 !default; -$paginatorElementBorderRadius:$borderRadius !default; -$paginatorElementMargin:.143rem !default; -$paginatorElementPadding:0 !default; - -//table -$tableHeaderBorder:1px solid $shade600 !default; -$tableHeaderBorderWidth:0 0 1px 0 !default; -$tableHeaderBg:$shade800 !default; -$tableHeaderTextColor:$shade100 !default; -$tableHeaderFontWeight:700 !default; -$tableHeaderPadding:1rem 1rem !default; - -$tableHeaderCellPadding:1rem 1rem !default; -$tableHeaderCellBg:$shade800 !default; -$tableHeaderCellTextColor:$shade000 !default; -$tableHeaderCellFontWeight:700 !default; -$tableHeaderCellBorder:1px solid $shade600 !default; -$tableHeaderCellBorderWidth:0 0 1px 0 !default; -$tableHeaderCellHoverBg:$hoverBg !default; -$tableHeaderCellTextHoverColor:$shade000 !default; -$tableHeaderCellIconColor:$shade100 !default; -$tableHeaderCellIconHoverColor:$shade000 !default; -$tableHeaderCellHighlightBg:$highlightBg !default; -$tableHeaderCellHighlightTextColor:$highlightTextColor !default; -$tableHeaderCellHighlightHoverBg:$highlightBg !default; -$tableHeaderCellHighlightTextHoverColor:$highlightTextColor !default; -$tableSortableColumnBadgeSize:1.143rem !default; - -$tableBodyRowBg:$shade800 !default; -$tableBodyRowTextColor:$shade000 !default; -$tableBodyRowEvenBg:#1f2937 !default; -$tableBodyRowHoverBg:$hoverBg !default; -$tableBodyRowTextHoverColor:$shade000 !default; -$tableBodyCellBorder:1px solid $shade600 !default; -$tableBodyCellBorderWidth:0 0 1px 0 !default; -$tableBodyCellPadding:1rem 1rem !default; - -$tableFooterCellPadding:1rem 1rem !default; -$tableFooterCellBg:$shade800 !default; -$tableFooterCellTextColor:$shade000 !default; -$tableFooterCellFontWeight:700 !default; -$tableFooterCellBorder:1px solid $shade600 !default; -$tableFooterCellBorderWidth:0 0 1px 0 !default; -$tableResizerHelperBg:$primaryColor !default; - -$tableFooterBorder:1px solid $shade600 !default; -$tableFooterBorderWidth:0 0 1px 0 !default; -$tableFooterBg:$shade800 !default; -$tableFooterTextColor:$shade000 !default; -$tableFooterFontWeight:700 !default; -$tableFooterPadding:1rem 1rem !default; - -$tableCellContentAlignment:left !default; -$tableTopPaginatorBorderWidth:1px 0 1px 0 !default; -$tableBottomPaginatorBorderWidth:0 0 1px 0 !default; - -$tableScaleSM:0.5 !default; -$tableScaleLG:1.25 !default; - -//dataview -$dataViewContentPadding:0 !default; -$dataViewContentBorder:0 none !default; -$dataViewListItemBorder:solid $shade600 !default; -$dataViewListItemBorderWidth:0 0 1px 0 !default; - -//schedule -$fullCalendarEventBg:$primaryLighterColor !default; -$fullCalendarEventBorderColor: $primaryLighterColor !default; -$fullCalendarEventBorder:1px solid $primaryLighterColor !default; -$fullCalendarEventTextColor:$primaryTextColor !default; - -//tree -$treeContainerPadding:0.286rem !default; -$treeNodePadding:0.143rem !default; -$treeNodeContentPadding:.5rem !default; -$treeNodeChildrenPadding:0 0 0 1rem !default; -$treeNodeIconColor:$shade100 !default; - -//timeline -$timelineVerticalEventContentPadding:0 1rem !default; -$timelineHorizontalEventContentPadding:1rem 0 !default; -$timelineEventMarkerWidth:1rem !default; -$timelineEventMarkerHeight:1rem !default; -$timelineEventMarkerBorderRadius:50% !default; -$timelineEventMarkerBorder:2px solid $primaryColor !default; -$timelineEventMarkerBackground:$primaryTextColor !default; -$timelineEventConnectorSize:2px !default; -$timelineEventColor:$shade600 !default; - -//org chart -$organizationChartConnectorColor:$shade600 !default; - -//message -$messageMargin:1rem 0 !default; -$messagePadding:1.25rem 1.75rem !default; -$messageBorderWidth:0 0 0 6px !default; -$messageIconFontSize:1.5rem !default; -$messageTextFontSize:1rem !default; -$messageTextFontWeight:500 !default; - -//inline message -$inlineMessagePadding:$inputPadding !default; -$inlineMessageMargin:0 !default; -$inlineMessageIconFontSize:1rem !default; -$inlineMessageTextFontSize:1rem !default; -$inlineMessageBorderWidth:1px !default; - -//toast -$toastIconFontSize:2rem !default; -$toastMessageTextMargin:0 0 0 1rem !default; -$toastMargin:0 0 1rem 0 !default; -$toastPadding:1rem !default; -$toastBorderWidth:0 0 0 6px !default; -$toastShadow:none !default; -$toastOpacity:1 !default; -$toastTitleFontWeight:700 !default; -$toastDetailMargin:$inlineSpacing 0 0 0 !default; - -//severities -$infoMessageBg:rgba(59,130,246,.2) !default; //blue-500 -$infoMessageBorder:solid #3b82f6 !default; //blue-500 -$infoMessageTextColor:#93c5fd !default; //blue-300 -$infoMessageIconColor:#93c5fd !default; //blue-300 -$successMessageBg:rgba(16, 185, 129, .2) !default; -$successMessageBorder:solid #10b981 !default; -$successMessageTextColor:#6ee7b7 !default; -$successMessageIconColor:#6ee7b7 !default; -$warningMessageBg:rgba(234, 179, 8, .2) !default; -$warningMessageBorder:solid #eab308 !default; -$warningMessageTextColor:#fde047 !default; -$warningMessageIconColor:#fde047 !default; -$errorMessageBg:rgba(239, 68, 68, .2) !default; -$errorMessageBorder:solid #ef4444 !default; -$errorMessageTextColor:#fca5a5 !default; -$errorMessageIconColor:#fca5a5 !default; - -//overlays -$overlayContentBorder:1px solid $shade600 !default; -$overlayContentBg:$panelContentBg !default; -$overlayContainerShadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0,0,0,.12) !default; - -//dialog -$dialogHeaderBg:$shade800 !default; -$dialogHeaderBorder:0 none !default; -$dialogHeaderTextColor:$shade000 !default; -$dialogHeaderFontWeight:700 !default; -$dialogHeaderFontSize:1.25rem !default; -$dialogHeaderPadding:1.5rem !default; -$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; -$dialogFooterBorder:0 none !default; -$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; - -//confirmpopup -$confirmPopupContentPadding:$panelContentPadding !default; -$confirmPopupFooterPadding:0 1.25rem 1.25rem 1.25rem !default; - -//tooltip -$tooltipBg:$shade600 !default; -$tooltipTextColor:$shade000 !default; -$tooltipPadding:$inputPadding !default; - -//steps -$stepsItemBg:transparent !default; -$stepsItemBorder:0 none !default; -$stepsItemTextColor:$shade100 !default; -$stepsItemNumberWidth:2rem !default; -$stepsItemNumberHeight:2rem !default; -$stepsItemNumberFontSize:1.143rem !default; -$stepsItemNumberColor:$shade000 !default; -$stepsItemNumberBorderRadius:50% !default; -$stepsItemActiveFontWeight:700 !default; - -//progressbar, progressspinner -$progressBarHeight:1.5rem !default; -$progressBarBorder:0 none !default; -$progressBarBg:$shade600 !default; -$progressBarValueBg:$primaryColor !default; -$progressBarValueTextColor:$primaryTextColor !default; - -$progressSpinnerStrokeColor:$errorMessageTextColor !default; -$progressSpinnerColorOne:$errorMessageTextColor !default; -$progressSpinnerColorTwo:$infoMessageTextColor !default; -$progressSpinnerColorThree:$successMessageTextColor !default; -$progressSpinnerColorFour:$warningMessageTextColor !default; - -//menu (e.g. menu, menubar, tieredmenu) -$menuWidth:12.5rem !default; -$menuBg:$shade700 !default; -$menuBorder:1px solid $shade600 !default; -$menuTextColor:$shade000 !default; -$menuitemPadding:.75rem 1.25rem !default; -$menuitemBorderRadius:0 !default; -$menuitemTextColor:$shade000 !default; -$menuitemIconColor:$shade100 !default; -$menuitemTextHoverColor:$shade000 !default; -$menuitemIconHoverColor:$shade000 !default; -$menuitemHoverBg:$hoverBg !default; -$menuitemTextFocusColor:$shade000 !default; -$menuitemIconFocusColor:$shade000 !default; -$menuitemFocusBg:$shade600 !default; -$menuitemTextActiveColor:$highlightTextColor !default; -$menuitemIconActiveColor:$highlightTextColor !default; -$menuitemActiveBg:$highlightBg !default; -$menuitemActiveFocusBg:$highlightFocusBg !default; -$menuitemSubmenuIconFontSize:.875rem !default; -$submenuHeaderMargin:0 !default; -$submenuHeaderPadding:.75rem 1.25rem !default; -$submenuHeaderBg:$shade700 !default; -$submenuHeaderTextColor:$shade000 !default; -$submenuHeaderBorderRadius:0 !default; -$submenuHeaderFontWeight:700 !default; -$overlayMenuBg:$menuBg !default; -$overlayMenuBorder:1px solid $shade600 !default; -$overlayMenuShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; -$verticalMenuPadding:.25rem 0 !default; -$menuSeparatorMargin:.25rem 0 !default; - -$breadcrumbPadding:1rem !default; -$breadcrumbBg:$menuBg !default; -$breadcrumbBorder:$menuBorder !default; -$breadcrumbItemTextColor:$menuitemTextColor !default; -$breadcrumbItemIconColor:$menuitemIconColor !default; -$breadcrumbLastItemTextColor:$menuitemTextColor !default; -$breadcrumbLastItemIconColor:$menuitemIconColor !default; -$breadcrumbSeparatorColor:$menuitemTextColor !default; - -$horizontalMenuPadding:.5rem !default; -$horizontalMenuBg:$shade700 !default; -$horizontalMenuBorder:$menuBorder !default; -$horizontalMenuTextColor:$menuTextColor !default; -$horizontalMenuRootMenuitemPadding:$menuitemPadding !default; -$horizontalMenuRootMenuitemBorderRadius:$borderRadius !default; -$horizontalMenuRootMenuitemTextColor:$menuitemTextColor !default; -$horizontalMenuRootMenuitemIconColor:$menuitemIconColor !default; -$horizontalMenuRootMenuitemTextHoverColor:$menuitemTextHoverColor !default; -$horizontalMenuRootMenuitemIconHoverColor:$menuitemIconHoverColor !default; -$horizontalMenuRootMenuitemHoverBg:$menuitemHoverBg !default; -$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor !default; -$horizontalMenuRootMenuitemIconActiveColor:$menuitemIconActiveColor !default; -$horizontalMenuRootMenuitemActiveBg:$menuitemActiveBg !default; - -//badge and tag -$badgeBg:$primaryColor !default; -$badgeTextColor:$primaryTextColor !default; -$badgeMinWidth:1.5rem !default; -$badgeHeight:1.5rem !default; -$badgeFontWeight:700 !default; -$badgeFontSize:.75rem !default; - -$tagPadding:.25rem .4rem !default; - -//carousel -$carouselIndicatorsPadding:1rem !default; -$carouselIndicatorBg:$shade600 !default; -$carouselIndicatorHoverBg:$hoverBg !default; -$carouselIndicatorBorderRadius:0 !default; -$carouselIndicatorWidth:2rem !default; -$carouselIndicatorHeight:.5rem !default; - -//galleria -$galleriaMaskBg:rgba(0,0,0,0.9) !default; -$galleriaCloseIconMargin:.5rem !default; -$galleriaCloseIconFontSize:2rem !default; -$galleriaCloseIconBg:transparent !default; -$galleriaCloseIconColor:#f8f9fa !default; -$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; -$galleriaCloseIconHoverColor:#f8f9fa !default; -$galleriaCloseIconWidth:4rem !default; -$galleriaCloseIconHeight:4rem !default; -$galleriaCloseIconBorderRadius:50% !default; - -$galleriaItemNavigatorBg:transparent !default; -$galleriaItemNavigatorColor:#f8f9fa !default; -$galleriaItemNavigatorMargin:0 .5rem !default; -$galleriaItemNavigatorFontSize:2rem !default; -$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaItemNavigatorHoverColor:#f8f9fa !default; -$galleriaItemNavigatorWidth:4rem !default; -$galleriaItemNavigatorHeight:4rem !default; -$galleriaItemNavigatorBorderRadius:$borderRadius !default; - -$galleriaCaptionBg:rgba(0,0,0,.5) !default; -$galleriaCaptionTextColor:#f8f9fa !default; -$galleriaCaptionPadding:1rem !default; - -$galleriaIndicatorsPadding:1rem !default; -$galleriaIndicatorBg:$shade600 !default; -$galleriaIndicatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaIndicatorBorderRadius:50% !default; -$galleriaIndicatorWidth:1rem !default; -$galleriaIndicatorHeight:1rem !default; -$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; -$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; -$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; - -$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; -$galleriaThumbnailContainerPadding:1rem .25rem !default; -$galleriaThumbnailNavigatorBg:transparent !default; -$galleriaThumbnailNavigatorColor:#f8f9fa !default; -$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaThumbnailNavigatorHoverColor:#f8f9fa !default; -$galleriaThumbnailNavigatorBorderRadius:50% !default; -$galleriaThumbnailNavigatorWidth:2rem !default; -$galleriaThumbnailNavigatorHeight:2rem !default; - -//divider -$dividerHorizontalMargin:1.25rem 0 !default; -$dividerHorizontalPadding:0 1.25rem !default; -$dividerVerticalMargin:0 1.25rem !default; -$dividerVerticalPadding:1.25rem 0 !default; -$dividerSize:1px !default; -$dividerColor:$shade600 !default; - -//avatar -$avatarBg:$shade600 !default; -$avatarTextColor:$textColor !default; - -//chip -$chipBg:$shade600 !default; -$chipTextColor:$textColor !default; -$chipBorderRadius: 16px !default; -$chipFocusBg:$shade500 !default; -$chipFocusTextColor:$textColor !default; - -//scrollTop -$scrollTopBg:$highlightBg !default; -$scrollTopHoverBg:scale-color($highlightBg, $alpha: 24%) !default; -$scrollTopWidth:3rem !default; -$scrollTopHeight:3rem !default; -$scrollTopBorderRadius:50% !default; -$scrollTopFontSize:1.5rem !default; -$scrollTopTextColor:$highlightTextColor !default; - -//skeleton -$skeletonBg:rgba(255,255,255,.06) !default; -$skeletonAnimationBg:rgba(255,255,255,.04) !default; - -//splitter -$splitterGutterBg:rgba(255,255,255,.03) !default; -$splitterGutterHandleBg:$shade600 !default; - -//speeddial -$speedDialButtonWidth: 4rem !default; -$speedDialButtonHeight: 4rem !default; -$speedDialButtonIconFontSize: 1.3rem !default; -$speedDialActionWidth: 3rem !default; -$speedDialActionHeight: 3rem !default; -$speedDialActionBg: $shade000 !default; -$speedDialActionHoverBg: $shade100 !default; -$speedDialActionTextColor: $shade900 !default; -$speedDialActionTextHoverColor: $shade900 !default; - -//dock -$dockActionWidth: 4rem !default; -$dockActionHeight: 4rem !default; -$dockItemPadding: .5rem !default; -$dockItemBorderRadius:$borderRadius !default; -$dockCurrentItemMargin: 1.5rem !default; -$dockFirstItemsMargin: 1.3rem !default; -$dockSecondItemsMargin: 0.9rem !default; -$dockBg: rgba(255,255,255,.1) !default; -$dockBorder: 1px solid rgba(255,255,255,0.2) !default; -$dockPadding: .5rem .5rem !default; -$dockBorderRadius: .5rem !default; - -//image -$imageMaskBg:rgba(0,0,0,0.9) !default; -$imagePreviewToolbarPadding:1rem !default; -$imagePreviewIndicatorColor:#f8f9fa !default; -$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default; -$imagePreviewActionIconBg:transparent !default; -$imagePreviewActionIconColor:#f8f9fa !default; -$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default; -$imagePreviewActionIconHoverColor:#f8f9fa !default; -$imagePreviewActionIconWidth:3rem !default; -$imagePreviewActionIconHeight:3rem !default; -$imagePreviewActionIconFontSize:1.5rem !default; -$imagePreviewActionIconBorderRadius:50% !default; - -:root { - font-family:'Poppins', sans-serif; - font-feature-settings: "cv02","cv03","cv04","cv11"; - font-variation-settings: normal; - --font-family:'Poppins', sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#{$shade800}; - --surface-b:#{$shade900}; - --surface-c:#{$hoverBg}; - --surface-d:#{$shade600}; - --surface-e:#{$shade800}; - --surface-f:#{$shade800}; - --text-color:#{$shade000}; - --text-color-secondary:#{$shade100}; - --primary-color:#{$primaryColor}; - --primary-color-text:#{$primaryTextColor}; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:#{$panelContentPadding}; - --inline-spacing:#{$inlineSpacing}; - --border-radius:#{$borderRadius}; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: #{$focusShadow}; - --maskbg: #{$maskBg}; - --highlight-bg: #{$highlightBg}; - --highlight-text-color: #{$highlightTextColor}; - color-scheme: dark; - --transition-duration: #{$transitionDuration}; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-dim/blue/theme.css b/tiles/assets/layout/styles/theme/theme-dim/blue/theme.css deleted file mode 100644 index 0b76738..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/blue/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#60a5fa; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(96, 165, 250, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #60a5fa; -} -.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: #60a5fa; -} -.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: #60a5fa; -} -.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: #60a5fa; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #60a5fa; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #60a5fa; - } - .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(96, 165, 250, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #60a5fa; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 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(96, 165, 250, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.2); - } - - 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: #111827; - border: 1px solid #424b57; - 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: #60a5fa; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #60a5fa; - background: #60a5fa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #60a5fa; - } - .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(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #bfdbfe; - background: #bfdbfe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #60a5fa; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #bfdbfe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #60a5fa; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #60a5fa; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(96, 165, 250, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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(96, 165, 250, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #60a5fa; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #93c5fd; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #60a5fa; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(96, 165, 250, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #60a5fa; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #60a5fa; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #60a5fa; - background: #60a5fa; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #bfdbfe; - background: #bfdbfe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #60a5fa; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #bfdbfe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #60a5fa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #60a5fa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #60a5fa; - border-color: #60a5fa; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #93c5fd; - border-color: #93c5fd; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #60a5fa; - 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(96, 165, 250, 0.2); - } - .p-slider .p-slider-range { - background: #60a5fa; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #60a5fa; - border-color: #60a5fa; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #60a5fa; - border-color: #60a5fa; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #93c5fd; - border-color: #93c5fd; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #60a5fa; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #60a5fa; - border: 1px solid #60a5fa; - 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:not(:disabled):hover { - background: #93c5fd; - color: #030712; - border-color: #93c5fd; - } - .p-button:not(:disabled):active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #60a5fa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #60a5fa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(96, 165, 250, 0.2); - } - .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: #60a5fa; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #60a5fa; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #60a5fa; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #60a5fa; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #60a5fa; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; - } - .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:not(: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:not(: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: #60a5fa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #424b57; - 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(96, 165, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(96, 165, 250, 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(96, 165, 250, 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(96, 165, 250, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(96, 165, 250, 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(96, 165, 250, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 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: #60a5fa; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(96, 165, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(96, 165, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(96, 165, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .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: #1f2937; - 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(96, 165, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(7, 99, 212, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(96, 165, 250, 0.16); - border-color: rgba(96, 165, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #60a5fa; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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.p-highlight { - background: rgba(96, 165, 250, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(29, 127, 248, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(96, 165, 250, 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(96, 165, 250, 0.2); - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: rgba(96, 165, 250, 0.2); - } - .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(96, 165, 250, 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(96, 165, 250, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(96, 165, 250, 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: #60a5fa; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #60a5fa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #60a5fa; - color: #60a5fa; - } - .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: #1f2937; - color: #60a5fa; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #60a5fa; - color: #030712; - 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: #93c5fd; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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(96, 165, 250, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #60a5fa; - border-style: dashed; - background-color: rgba(96, 165, 250, 0.16); - } - .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: #93c5fd; - color: #030712; - border-color: #93c5fd; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #60a5fa; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(96, 165, 250, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #60a5fa; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(96, 165, 250, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #60a5fa; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #60a5fa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #60a5fa; - color: #60a5fa; - } - .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: #1f2937; - color: #60a5fa; - 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(96, 165, 250, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(96, 165, 250, 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(96, 165, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #60a5fa; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(96, 165, 250, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #60a5fa; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(96, 165, 250, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(96, 165, 250, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #60a5fa; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #60a5fa; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #60a5fa; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 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 #60a5fa; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #60a5fa; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #bfdbfe; - border: 1px solid #bfdbfe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #60a5fa; - border: 1px solid #60a5fa; - 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: #93c5fd; - color: #030712; - border-color: #93c5fd; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); -} -.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(96, 165, 250, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #60a5fa; - border-color: #60a5fa; - color: #030712; -} -.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: #93c5fd; - border-color: #93c5fd; - color: #030712; -} -.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(96, 165, 250, 0.2); - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #bfdbfe; - border-color: #bfdbfe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #bfdbfe; - border-color: #bfdbfe; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #60a5fa; - border: 1px solid #60a5fa; - 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: #93c5fd; - color: #030712; - border-color: #93c5fd; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #bfdbfe; - color: #030712; - border-color: #bfdbfe; -} -.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(96, 165, 250, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #60a5fa; - border: 1px solid #60a5fa; -} -.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(96, 165, 250, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #60a5fa; - border-color: #60a5fa; - color: #030712; -} -.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: #93c5fd; - border-color: #93c5fd; - color: #030712; -} -.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(96, 165, 250, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(96, 165, 250, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/blue/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/blue/theme.scss deleted file mode 100644 index 45ff65c..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/blue/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #60a5fa !default; -$primaryLightColor: #93c5fd !default; -$primaryLighterColor: #bfdbfe !default; -$primaryLightestColor: rgba(96, 165, 250, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #3b82f6 !default; - -$highlightBg:rgba(96, 165, 250, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.css b/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.css deleted file mode 100644 index 97ae542..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#67e8f9; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #45e3f8; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(103, 232, 249, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f3fbfd; - --primary-100:#c3edf5; - --primary-200:#94e0ed; - --primary-300:#65d2e4; - --primary-400:#35c4dc; - --primary-500:#06b6d4; - --primary-600:#059bb4; - --primary-700:#047f94; - --primary-800:#036475; - --primary-900:#024955; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #67e8f9; -} -.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: #67e8f9; -} -.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: #67e8f9; -} -.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: #67e8f9; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #67e8f9; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #67e8f9; - } - .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(103, 232, 249, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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(103, 232, 249, 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(103, 232, 249, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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 #45e3f8; - } - .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 #45e3f8; - } - .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 #45e3f8; - } - - 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: #111827; - border: 1px solid #424b57; - 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: #67e8f9; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #67e8f9; - background: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #56e5f8; - background: #56e5f8; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #67e8f9; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #56e5f8; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #67e8f9; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #67e8f9; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(103, 232, 249, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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 #45e3f8; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #67e8f9; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(103, 232, 249, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #67e8f9; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(103, 232, 249, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #67e8f9; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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(103, 232, 249, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #67e8f9; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #67e8f9; - background: #67e8f9; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #56e5f8; - background: #56e5f8; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #67e8f9; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #56e5f8; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #67e8f9; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #67e8f9; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #67e8f9; - 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 #45e3f8; - } - .p-slider .p-slider-range { - background: #67e8f9; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #67e8f9; - border-color: #67e8f9; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #67e8f9; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - border-color: #67e8f9; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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:not(:disabled):hover { - background: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); - } - .p-button:not(:disabled):active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #67e8f9; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #45e3f8; - } - .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: #67e8f9; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #67e8f9; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #67e8f9; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #45e3f8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #67e8f9; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #67e8f9; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - } - .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:not(: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:not(: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: #67e8f9; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(103, 232, 249, 0.04); - color: #67e8f9; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(103, 232, 249, 0.16); - color: #67e8f9; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #424b57; - 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(103, 232, 249, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(103, 232, 249, 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(103, 232, 249, 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(103, 232, 249, 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-visible { - box-shadow: inset 0 0 0 0.15rem #45e3f8; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #45e3f8; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(103, 232, 249, 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(103, 232, 249, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(103, 232, 249, 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: #67e8f9; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(103, 232, 249, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(103, 232, 249, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(103, 232, 249, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .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: #1f2937; - 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(103, 232, 249, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(9, 192, 216, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(103, 232, 249, 0.16); - border-color: rgba(103, 232, 249, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(103, 232, 249, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #67e8f9; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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.p-highlight { - background: rgba(103, 232, 249, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(35, 222, 246, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(103, 232, 249, 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 #45e3f8; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: #45e3f8; - } - .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(103, 232, 249, 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(103, 232, 249, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #45e3f8; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(103, 232, 249, 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: #67e8f9; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #67e8f9; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #67e8f9; - color: #67e8f9; - } - .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: #1f2937; - color: #67e8f9; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #67e8f9; - color: #030712; - 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, 232, 249, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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 #45e3f8; - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #67e8f9; - border-style: dashed; - background-color: rgba(103, 232, 249, 0.16); - } - .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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #45e3f8; - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #45e3f8; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-slidemenu .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(103, 232, 249, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #67e8f9; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #45e3f8; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #67e8f9; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #67e8f9; - color: #67e8f9; - } - .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: #1f2937; - color: #67e8f9; - 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 #45e3f8; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(103, 232, 249, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(103, 232, 249, 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(103, 232, 249, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #67e8f9; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #45e3f8; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #67e8f9; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(103, 232, 249, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(103, 232, 249, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #67e8f9; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #67e8f9; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #67e8f9; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(103, 232, 249, 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 #67e8f9; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #67e8f9; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(103, 232, 249, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #56e5f8; - border: 1px solid #56e5f8; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.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 #45e3f8; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; -} -.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: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; -} -.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 #45e3f8; - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #56e5f8; - border-color: #56e5f8; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #56e5f8; - border-color: #56e5f8; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; - 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: rgba(103, 232, 249, 0.5); - color: #030712; - border-color: rgba(103, 232, 249, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #56e5f8; - color: #030712; - border-color: #56e5f8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #45e3f8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #67e8f9; - border: 1px solid #67e8f9; -} -.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 #45e3f8; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #67e8f9; - border-color: #67e8f9; - color: #030712; -} -.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: rgba(103, 232, 249, 0.5); - border-color: rgba(103, 232, 249, 0.5); - color: #030712; -} -.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 #45e3f8; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(103, 232, 249, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.scss deleted file mode 100644 index be3d4e5..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/cyan/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #67e8f9 !default; -$primaryLightColor: rgba(103, 232, 249, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #06b6d4 !default; - -$highlightBg: rgba(103, 232, 249, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/green/theme.css b/tiles/assets/layout/styles/theme/theme-dim/green/theme.css deleted file mode 100644 index 751752b..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/green/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#6ee7b7; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #51e2a8; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(110, 231, 183, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#f3fcf9; - --primary-100:#c6eee1; - --primary-200:#98e1c9; - --primary-300:#6bd4b1; - --primary-400:#3dc699; - --primary-500:#10b981; - --primary-600:#0e9d6e; - --primary-700:#0b825a; - --primary-800:#096647; - --primary-900:#064a34; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #6ee7b7; -} -.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: #6ee7b7; -} -.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: #6ee7b7; -} -.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: #6ee7b7; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #6ee7b7; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #6ee7b7; - } - .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(110, 231, 183, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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(110, 231, 183, 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(110, 231, 183, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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 #51e2a8; - } - .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 #51e2a8; - } - .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 #51e2a8; - } - - 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: #111827; - border: 1px solid #424b57; - 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: #6ee7b7; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #6ee7b7; - background: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #5fe5b0; - background: #5fe5b0; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #6ee7b7; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #5fe5b0; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #6ee7b7; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #6ee7b7; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(110, 231, 183, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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 #51e2a8; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #6ee7b7; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(110, 231, 183, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #6ee7b7; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(110, 231, 183, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #6ee7b7; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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(110, 231, 183, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #6ee7b7; - background: #6ee7b7; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #5fe5b0; - background: #5fe5b0; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #6ee7b7; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #5fe5b0; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #6ee7b7; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #6ee7b7; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #6ee7b7; - 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 #51e2a8; - } - .p-slider .p-slider-range { - background: #6ee7b7; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #6ee7b7; - border-color: #6ee7b7; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #6ee7b7; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - border-color: #6ee7b7; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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:not(:disabled):hover { - background: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); - } - .p-button:not(:disabled):active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #6ee7b7; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #51e2a8; - } - .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: #6ee7b7; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #6ee7b7; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #6ee7b7; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #51e2a8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #6ee7b7; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #6ee7b7; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - } - .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:not(: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:not(: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: #6ee7b7; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(110, 231, 183, 0.04); - color: #6ee7b7; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(110, 231, 183, 0.16); - color: #6ee7b7; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #424b57; - 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(110, 231, 183, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(110, 231, 183, 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(110, 231, 183, 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(110, 231, 183, 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-visible { - box-shadow: inset 0 0 0 0.15rem #51e2a8; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #51e2a8; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(110, 231, 183, 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(110, 231, 183, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(110, 231, 183, 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: #6ee7b7; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(110, 231, 183, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(110, 231, 183, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(110, 231, 183, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .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: #1f2937; - 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(110, 231, 183, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(30, 183, 123, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(110, 231, 183, 0.16); - border-color: rgba(110, 231, 183, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(110, 231, 183, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #6ee7b7; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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.p-highlight { - background: rgba(110, 231, 183, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(51, 221, 154, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(110, 231, 183, 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 #51e2a8; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: #51e2a8; - } - .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(110, 231, 183, 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(110, 231, 183, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #51e2a8; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(110, 231, 183, 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: #6ee7b7; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #6ee7b7; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #6ee7b7; - color: #6ee7b7; - } - .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: #1f2937; - color: #6ee7b7; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #6ee7b7; - color: #030712; - 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(110, 231, 183, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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 #51e2a8; - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #6ee7b7; - border-style: dashed; - background-color: rgba(110, 231, 183, 0.16); - } - .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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #51e2a8; - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #51e2a8; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-slidemenu .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(110, 231, 183, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #6ee7b7; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #51e2a8; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #6ee7b7; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #6ee7b7; - color: #6ee7b7; - } - .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: #1f2937; - color: #6ee7b7; - 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 #51e2a8; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(110, 231, 183, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(110, 231, 183, 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(110, 231, 183, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #6ee7b7; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #51e2a8; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #6ee7b7; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(110, 231, 183, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(110, 231, 183, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #6ee7b7; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #6ee7b7; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #6ee7b7; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 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 #6ee7b7; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #6ee7b7; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #5fe5b0; - border: 1px solid #5fe5b0; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.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 #51e2a8; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; -} -.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 #51e2a8; - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #5fe5b0; - border-color: #5fe5b0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #5fe5b0; - border-color: #5fe5b0; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; - 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: rgba(110, 231, 183, 0.5); - color: #030712; - border-color: rgba(110, 231, 183, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #5fe5b0; - color: #030712; - border-color: #5fe5b0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #51e2a8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #6ee7b7; - border: 1px solid #6ee7b7; -} -.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 #51e2a8; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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: rgba(110, 231, 183, 0.5); - border-color: rgba(110, 231, 183, 0.5); - color: #030712; -} -.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 #51e2a8; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(110, 231, 183, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/green/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/green/theme.scss deleted file mode 100644 index 1ee0faa..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/green/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #6ee7b7 !default; -$primaryLightColor: rgba(110, 231, 183, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #10b981 !default; - -$highlightBg: rgba(110, 231, 183, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.css b/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.css deleted file mode 100644 index 01a4eb4..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#818cf8; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(129, 140, 248, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #818cf8; -} -.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: #818cf8; -} -.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: #818cf8; -} -.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: #818cf8; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #818cf8; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #818cf8; - } - .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, 140, 248, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #818cf8; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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(129, 140, 248, 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(129, 140, 248, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.2); - } - - 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: #111827; - border: 1px solid #424b57; - 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: #818cf8; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #818cf8; - background: #818cf8; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #818cf8; - } - .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(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #c7d2fe; - background: #c7d2fe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #818cf8; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #c7d2fe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #818cf8; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #818cf8; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(129, 140, 248, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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(129, 140, 248, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #818cf8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #a5b4fc; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #818cf8; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(129, 140, 248, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #818cf8; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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(129, 140, 248, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #818cf8; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #818cf8; - background: #818cf8; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #c7d2fe; - background: #c7d2fe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #818cf8; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #c7d2fe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #818cf8; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #818cf8; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #818cf8; - border-color: #818cf8; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #a5b4fc; - border-color: #a5b4fc; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #818cf8; - 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(129, 140, 248, 0.2); - } - .p-slider .p-slider-range { - background: #818cf8; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #818cf8; - border-color: #818cf8; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #818cf8; - border-color: #818cf8; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #a5b4fc; - border-color: #a5b4fc; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #818cf8; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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:not(:disabled):hover { - background: #a5b4fc; - color: #030712; - border-color: #a5b4fc; - } - .p-button:not(:disabled):active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #818cf8; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(129, 140, 248, 0.2); - } - .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: #818cf8; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #818cf8; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #818cf8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #818cf8; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #818cf8; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - } - .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:not(: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:not(: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: #818cf8; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #424b57; - 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(129, 140, 248, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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, 140, 248, 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(129, 140, 248, 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(129, 140, 248, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(129, 140, 248, 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, 140, 248, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 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: #818cf8; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(129, 140, 248, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(129, 140, 248, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(129, 140, 248, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .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: #1f2937; - 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, 140, 248, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(13, 34, 236, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(129, 140, 248, 0.16); - border-color: rgba(129, 140, 248, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #818cf8; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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.p-highlight { - background: rgba(129, 140, 248, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(58, 75, 244, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(129, 140, 248, 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(129, 140, 248, 0.2); - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: rgba(129, 140, 248, 0.2); - } - .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, 140, 248, 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(129, 140, 248, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(129, 140, 248, 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: #818cf8; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #818cf8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #818cf8; - color: #818cf8; - } - .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: #1f2937; - color: #818cf8; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #818cf8; - color: #030712; - 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: #a5b4fc; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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(129, 140, 248, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #818cf8; - border-style: dashed; - background-color: rgba(129, 140, 248, 0.16); - } - .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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(129, 140, 248, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(129, 140, 248, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #818cf8; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #818cf8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #818cf8; - color: #818cf8; - } - .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: #1f2937; - color: #818cf8; - 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(129, 140, 248, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(129, 140, 248, 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, 140, 248, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #818cf8; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(129, 140, 248, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #818cf8; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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, 140, 248, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(129, 140, 248, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #818cf8; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #818cf8; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #818cf8; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 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 #818cf8; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #818cf8; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #c7d2fe; - border: 1px solid #c7d2fe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); -} -.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(129, 140, 248, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #818cf8; - border-color: #818cf8; - color: #030712; -} -.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: #a5b4fc; - border-color: #a5b4fc; - color: #030712; -} -.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(129, 140, 248, 0.2); - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #c7d2fe; - border-color: #c7d2fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #c7d2fe; - border-color: #c7d2fe; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; - 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: #a5b4fc; - color: #030712; - border-color: #a5b4fc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #c7d2fe; - color: #030712; - border-color: #c7d2fe; -} -.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(129, 140, 248, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #818cf8; - border: 1px solid #818cf8; -} -.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(129, 140, 248, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #818cf8; - border-color: #818cf8; - color: #030712; -} -.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: #a5b4fc; - border-color: #a5b4fc; - color: #030712; -} -.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(129, 140, 248, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 140, 248, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.scss deleted file mode 100644 index b8899b9..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/indigo/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #818cf8 !default; -$primaryLightColor: #a5b4fc !default; -$primaryLighterColor: #c7d2fe !default; -$primaryLightestColor: rgba(129, 140, 248, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #6366f1 !default; - -$highlightBg:rgba(129, 140, 248, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/orange/theme.css b/tiles/assets/layout/styles/theme/theme-dim/orange/theme.css deleted file mode 100644 index 979d21c..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/orange/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#fcd34d; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #fbcb2d; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(252, 211, 77, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#fffaf3; - --primary-100:#fde8c4; - --primary-200:#fbd596; - --primary-300:#f9c368; - --primary-400:#f7b039; - --primary-500:#f59e0b; - --primary-600:#d08609; - --primary-700:#ac6f08; - --primary-800:#875706; - --primary-900:#623f04; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #fcd34d; -} -.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: #fcd34d; -} -.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: #fcd34d; -} -.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: #fcd34d; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #fcd34d; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #fcd34d; - } - .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(252, 211, 77, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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(252, 211, 77, 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(252, 211, 77, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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 #fbcb2d; - } - .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 #fbcb2d; - } - .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 #fbcb2d; - } - - 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: #111827; - border: 1px solid #424b57; - 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: #fcd34d; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #fcd34d; - background: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #fccf3d; - background: #fccf3d; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #fcd34d; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #fccf3d; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #fcd34d; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #fcd34d; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(252, 211, 77, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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 #fbcb2d; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #fcd34d; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(252, 211, 77, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #fcd34d; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(252, 211, 77, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #fcd34d; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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(252, 211, 77, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #fcd34d; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #fcd34d; - background: #fcd34d; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #fccf3d; - background: #fccf3d; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #fcd34d; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #fccf3d; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #fcd34d; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #fcd34d; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #fcd34d; - 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 #fbcb2d; - } - .p-slider .p-slider-range { - background: #fcd34d; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #fcd34d; - border-color: #fcd34d; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #fcd34d; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - border-color: #fcd34d; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); - } - .p-button:not(:disabled):active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #fcd34d; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #fbcb2d; - } - .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: #fcd34d; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #fcd34d; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #fcd34d; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #fbcb2d; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #fcd34d; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #fcd34d; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - } - .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:not(: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:not(: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: #fcd34d; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #fcd34d; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #fcd34d; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #424b57; - 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(252, 211, 77, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(252, 211, 77, 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(252, 211, 77, 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(252, 211, 77, 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-visible { - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #fbcb2d; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(252, 211, 77, 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(252, 211, 77, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(252, 211, 77, 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: #fcd34d; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(252, 211, 77, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(252, 211, 77, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(252, 211, 77, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .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: #1f2937; - 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(252, 211, 77, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(198, 153, 3, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(252, 211, 77, 0.16); - border-color: rgba(252, 211, 77, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(252, 211, 77, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #fcd34d; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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.p-highlight { - background: rgba(252, 211, 77, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(251, 195, 12, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(252, 211, 77, 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 #fbcb2d; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: #fbcb2d; - } - .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(252, 211, 77, 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(252, 211, 77, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #fbcb2d; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(252, 211, 77, 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: #fcd34d; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #fcd34d; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #fcd34d; - color: #fcd34d; - } - .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: #1f2937; - color: #fcd34d; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #fcd34d; - color: #030712; - 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(252, 211, 77, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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 #fbcb2d; - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #fcd34d; - border-style: dashed; - background-color: rgba(252, 211, 77, 0.16); - } - .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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcb2d; - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #fbcb2d; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-slidemenu .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(252, 211, 77, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #fcd34d; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fbcb2d; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #fcd34d; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #fcd34d; - color: #fcd34d; - } - .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: #1f2937; - color: #fcd34d; - 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 #fbcb2d; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(252, 211, 77, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(252, 211, 77, 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(252, 211, 77, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #fcd34d; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #fbcb2d; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #fcd34d; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(252, 211, 77, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(252, 211, 77, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #fcd34d; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #fcd34d; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #fcd34d; - } - - .p-button: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-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 #fcd34d; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fcd34d; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - 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-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #fccf3d; - border: 1px solid #fccf3d; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.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 #fbcb2d; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; -} -.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: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; -} -.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 #fbcb2d; - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #fccf3d; - border-color: #fccf3d; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #fccf3d; - border-color: #fccf3d; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; - 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: rgba(252, 211, 77, 0.5); - color: #030712; - border-color: rgba(252, 211, 77, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #fccf3d; - color: #030712; - border-color: #fccf3d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcb2d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #fcd34d; - border: 1px solid #fcd34d; -} -.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 #fbcb2d; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fcd34d; - border-color: #fcd34d; - color: #030712; -} -.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: rgba(252, 211, 77, 0.5); - border-color: rgba(252, 211, 77, 0.5); - color: #030712; -} -.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 #fbcb2d; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(252, 211, 77, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/orange/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/orange/theme.scss deleted file mode 100644 index 17bb389..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/orange/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #fcd34d !default; -$primaryLightColor: rgba(252, 211, 77, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #f59e0b !default; - -$highlightBg: rgba(252, 211, 77, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/pink/theme.css b/tiles/assets/layout/styles/theme/theme-dim/pink/theme.css deleted file mode 100644 index 8023cc0..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/pink/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#fda4af; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #fc7b8b; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(253, 164, 175, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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:#fdf6fe; - --primary-100:#f6d3fb; - --primary-200:#efaff8; - --primary-300:#e78cf5; - --primary-400:#e069f2; - --primary-500:#d946ef; - --primary-600:#b83ccb; - --primary-700:#9831a7; - --primary-800:#772783; - --primary-900:#571c60; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #fda4af; -} -.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: #fda4af; -} -.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: #fda4af; -} -.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: #fda4af; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #fda4af; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #fda4af; - } - .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(253, 164, 175, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #fda4af; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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(253, 164, 175, 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(253, 164, 175, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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 #fc7b8b; - } - .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 #fc7b8b; - } - .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 #fc7b8b; - } - - 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: #111827; - border: 1px solid #424b57; - 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: #fda4af; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #fda4af; - background: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #fd909d; - background: #fd909d; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #fda4af; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #fd909d; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #fda4af; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #fda4af; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(253, 164, 175, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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 #fc7b8b; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #fda4af; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(253, 164, 175, 0.5); - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #fda4af; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(253, 164, 175, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #fda4af; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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(253, 164, 175, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #fda4af; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #fda4af; - background: #fda4af; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #fd909d; - background: #fd909d; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #fda4af; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #fd909d; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #fda4af; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #fda4af; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fda4af; - border-color: #fda4af; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #fda4af; - 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 #fc7b8b; - } - .p-slider .p-slider-range { - background: #fda4af; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #fda4af; - border-color: #fda4af; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fda4af; - border-color: #fda4af; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #fda4af; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - border-color: #fda4af; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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:not(:disabled):hover { - background: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); - } - .p-button:not(:disabled):active { - background: #fd909d; - color: #030712; - border-color: #fd909d; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #fda4af; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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 #fc7b8b; - } - .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: #fda4af; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #fda4af; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #fda4af; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px #fc7b8b; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #fda4af; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #fda4af; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - } - .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:not(: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:not(: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: #fda4af; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(253, 164, 175, 0.04); - color: #fda4af; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(253, 164, 175, 0.16); - color: #fda4af; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #424b57; - 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(253, 164, 175, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(253, 164, 175, 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(253, 164, 175, 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(253, 164, 175, 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-visible { - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #fc7b8b; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(253, 164, 175, 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(253, 164, 175, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(253, 164, 175, 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: #fda4af; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(253, 164, 175, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(253, 164, 175, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(253, 164, 175, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .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: #1f2937; - 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(253, 164, 175, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(250, 39, 65, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(253, 164, 175, 0.16); - border-color: rgba(253, 164, 175, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(253, 164, 175, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #fda4af; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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.p-highlight { - background: rgba(253, 164, 175, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(251, 82, 103, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(253, 164, 175, 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 #fc7b8b; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: #fc7b8b; - } - .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(253, 164, 175, 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(253, 164, 175, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid #fc7b8b; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(253, 164, 175, 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: #fda4af; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #fda4af; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #fda4af; - color: #fda4af; - } - .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: #1f2937; - color: #fda4af; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #fda4af; - color: #030712; - 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(253, 164, 175, 0.5); - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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 #fc7b8b; - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #fda4af; - border-style: dashed; - background-color: rgba(253, 164, 175, 0.16); - } - .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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); - } - .p-fileupload-choose:not(.p-disabled):active { - background: #fd909d; - color: #030712; - border-color: #fd909d; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fc7b8b; - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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 #fc7b8b; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-slidemenu .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(253, 164, 175, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #fda4af; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fc7b8b; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #fda4af; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #fda4af; - color: #fda4af; - } - .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: #1f2937; - color: #fda4af; - 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 #fc7b8b; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(253, 164, 175, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(253, 164, 175, 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(253, 164, 175, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #fda4af; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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 #fc7b8b; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #fda4af; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(253, 164, 175, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(253, 164, 175, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #fda4af; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #fda4af; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #fda4af; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(253, 164, 175, 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 #fda4af; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fda4af; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(253, 164, 175, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #fd909d; - border: 1px solid #fd909d; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #fd909d; - color: #030712; - border-color: #fd909d; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.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 #fc7b8b; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fda4af; - border-color: #fda4af; - color: #030712; -} -.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: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; -} -.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 #fc7b8b; - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #fd909d; - border-color: #fd909d; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #fd909d; - border-color: #fd909d; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; - 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: rgba(253, 164, 175, 0.5); - color: #030712; - border-color: rgba(253, 164, 175, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #fd909d; - color: #030712; - border-color: #fd909d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fc7b8b; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #fda4af; - border: 1px solid #fda4af; -} -.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 #fc7b8b; -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #fda4af; - border-color: #fda4af; - color: #030712; -} -.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: rgba(253, 164, 175, 0.5); - border-color: rgba(253, 164, 175, 0.5); - color: #030712; -} -.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 #fc7b8b; - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(253, 164, 175, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/pink/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/pink/theme.scss deleted file mode 100644 index fe76c42..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/pink/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #fda4af !default; -$primaryLightColor: rgba(253, 164, 175, 0.5) !default; -$primaryLighterColor: scale-color($primaryColor, $lightness: -5%) !default; -$primaryLightestColor: scale-color($primaryColor, $lightness: -10%) !default; -$primaryTextColor: #030712 !default; -$primary500: #d946ef !default; - -$highlightBg: rgba(253, 164, 175, 0.16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/purple/theme.css b/tiles/assets/layout/styles/theme/theme-dim/purple/theme.css deleted file mode 100644 index 1d1e2ec..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/purple/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#a78bfa; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(167, 139, 250, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #a78bfa; -} -.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: #a78bfa; -} -.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: #a78bfa; -} -.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: #a78bfa; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #a78bfa; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #a78bfa; - } - .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(167, 139, 250, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 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(167, 139, 250, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.2); - } - - 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: #111827; - border: 1px solid #424b57; - 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: #a78bfa; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #a78bfa; - } - .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(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #ddd6fe; - background: #ddd6fe; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #a78bfa; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #ddd6fe; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #a78bfa; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #a78bfa; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(167, 139, 250, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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(167, 139, 250, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #a78bfa; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #c4b5fd; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #a78bfa; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(167, 139, 250, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #a78bfa; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #a78bfa; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #ddd6fe; - background: #ddd6fe; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #a78bfa; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ddd6fe; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #a78bfa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #a78bfa; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #c4b5fd; - border-color: #c4b5fd; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #a78bfa; - 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(167, 139, 250, 0.2); - } - .p-slider .p-slider-range { - background: #a78bfa; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #a78bfa; - border-color: #a78bfa; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #c4b5fd; - border-color: #c4b5fd; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #a78bfa; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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:not(:disabled):hover { - background: #c4b5fd; - color: #030712; - border-color: #c4b5fd; - } - .p-button:not(:disabled):active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #a78bfa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(167, 139, 250, 0.2); - } - .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: #a78bfa; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #a78bfa; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #a78bfa; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #a78bfa; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #a78bfa; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - } - .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:not(: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:not(: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: #a78bfa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #424b57; - 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(167, 139, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(167, 139, 250, 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(167, 139, 250, 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(167, 139, 250, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(167, 139, 250, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(167, 139, 250, 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(167, 139, 250, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 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: #a78bfa; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(167, 139, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(167, 139, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(167, 139, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .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: #1f2937; - 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(167, 139, 250, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(74, 17, 245, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(167, 139, 250, 0.16); - border-color: rgba(167, 139, 250, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #a78bfa; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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.p-highlight { - background: rgba(167, 139, 250, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(110, 64, 247, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(167, 139, 250, 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(167, 139, 250, 0.2); - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: rgba(167, 139, 250, 0.2); - } - .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(167, 139, 250, 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(167, 139, 250, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(167, 139, 250, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(167, 139, 250, 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: #a78bfa; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #a78bfa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #a78bfa; - color: #a78bfa; - } - .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: #1f2937; - color: #a78bfa; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #a78bfa; - color: #030712; - 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: #c4b5fd; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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(167, 139, 250, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #a78bfa; - border-style: dashed; - background-color: rgba(167, 139, 250, 0.16); - } - .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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(167, 139, 250, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(167, 139, 250, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #a78bfa; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #a78bfa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #a78bfa; - color: #a78bfa; - } - .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: #1f2937; - color: #a78bfa; - 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(167, 139, 250, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(167, 139, 250, 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(167, 139, 250, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #a78bfa; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(167, 139, 250, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #a78bfa; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(167, 139, 250, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(167, 139, 250, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #a78bfa; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #a78bfa; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #a78bfa; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 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 #a78bfa; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #a78bfa; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #ddd6fe; - border: 1px solid #ddd6fe; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); -} -.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(167, 139, 250, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; -} -.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: #c4b5fd; - border-color: #c4b5fd; - color: #030712; -} -.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(167, 139, 250, 0.2); - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #ddd6fe; - border-color: #ddd6fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ddd6fe; - border-color: #ddd6fe; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; - 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: #c4b5fd; - color: #030712; - border-color: #c4b5fd; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ddd6fe; - color: #030712; - border-color: #ddd6fe; -} -.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(167, 139, 250, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; -} -.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(167, 139, 250, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #a78bfa; - border-color: #a78bfa; - color: #030712; -} -.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: #c4b5fd; - border-color: #c4b5fd; - color: #030712; -} -.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(167, 139, 250, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(167, 139, 250, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/purple/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/purple/theme.scss deleted file mode 100644 index 19c02fa..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/purple/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #a78bfa !default; -$primaryLightColor: #c4b5fd !default; -$primaryLighterColor: #ddd6fe!default; -$primaryLightestColor: rgba(167, 139, 250, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #8b5cf6 !default; - -$highlightBg:rgba(167, 139, 250, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-dim/teal/theme.css b/tiles/assets/layout/styles/theme/theme-dim/teal/theme.css deleted file mode 100644 index 7594260..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/teal/theme.css +++ /dev/null @@ -1,6593 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#34d399; - --primary-color-text:#030712; - --surface-0: #111827; - --surface-50: #1f2937; - --surface-100: #374151; - --surface-200: #4b5563; - --surface-300: #6b7280; - --surface-400: #9ca3af; - --surface-500: #d1d5db; - --surface-600: #e5e7eb; - --surface-700: #f3f4f6; - --surface-800: #f9fafb; - --surface-900: #ffffff; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(52, 211, 153, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); - color-scheme: dark; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #1f2937; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #424b57; -} -.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: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; -} -.p-editor-container .p-editor-content .ql-editor { - background: #111827; - 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: #34d399; -} -.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: #34d399; -} -.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: #34d399; -} -.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: #34d399; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #34d399; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; - } - - .p-autocomplete-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .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: #374151; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; - } - - 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-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - - .p-datepicker { - padding: 0.5rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-datepicker:not(.p-datepicker-inline) { - background: #1f2937; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #1f2937; - } - .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #424b57; - 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-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #34d399; - } - .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(52, 211, 153, 0.16); - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #34d399; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #424b57; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 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(52, 211, 153, 0.16); - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #424b57; - 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(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.2); - } - - 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: #111827; - border: 1px solid #424b57; - 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: #34d399; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-cascadeselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } - - 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 #424b57; - background: #111827; - 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: #030712; - font-size: 14px; - } - .p-checkbox .p-checkbox-box .p-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #34d399; - background: #34d399; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #34d399; - } - .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(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a7f3d0; - background: #a7f3d0; - color: #030712; - } - - p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #424b57; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #34d399; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #424b57; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a7f3d0; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #34d399; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #6b7280; - color: rgba(255, 255, 255, 0.87); - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #1f2937; - border: 1px solid #424b57; - } - .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: #111827; - border: 1px solid #424b57; - 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: #34d399; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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:focus, .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.p-invalid.p-component { - border-color: #FCA5A5; - } - - .p-dropdown-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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(52, 211, 153, 0.16); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - } - .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-input-filled .p-dropdown { - background: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #424b57; - } - .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; - } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; - } - - .p-inputgroup-addon { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #424b57; - border-left: 1px solid #424b57; - border-bottom: 1px solid #424b57; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #424b57; - } - - .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: #6b7280; - 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(52, 211, 153, 0.2); - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #424b57; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #34d399; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #030712; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #6ee7b7; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #FCA5A5; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #111827; - padding: 0.75rem 0.75rem; - border: 1px solid #424b57; - 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: #34d399; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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 > .p-icon-wrapper.p-icon, -.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 > .p-icon-wrapper, -.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: #424b57; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #424b57; - } - .p-input-filled .p-inputtext:enabled:focus { - background-color: #424b57; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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; - outline: 0 none; - } - .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(52, 211, 153, 0.16); - } - .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: #374151; - 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.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; - } - - .p-multiselect { - background: #111827; - border: 1px solid #424b57; - 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: #34d399; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #424b57; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - } - .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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; - } - - .p-multiselect-panel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 0.16); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .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 .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: #374151; - 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-input-filled .p-multiselect { - background: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; - } - - .p-password-panel { - padding: 1.25rem; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; - } - .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 #424b57; - background: #111827; - 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: #34d399; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #030712; - } - .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #34d399; - background: #34d399; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a7f3d0; - background: #a7f3d0; - color: #030712; - } - - p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; - } - - .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #34d399; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a7f3d0; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #34d399; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #34d399; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; - } - - .p-selectbutton .p-button { - background: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #34d399; - border-color: #34d399; - color: #030712; - } - .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover { - background: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; - } - - .p-slider { - background: #424b57; - 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: #424b57; - border: 2px solid #34d399; - 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(52, 211, 153, 0.2); - } - .p-slider .p-slider-range { - background: #34d399; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #34d399; - border-color: #34d399; - } - .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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #34d399; - border-color: #34d399; - color: #030712; - } - .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover { - background: #6ee7b7; - border-color: #6ee7b7; - color: #030712; - } - .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #030712; - } - - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; - } - - .p-treeselect { - background: #111827; - border: 1px solid #424b57; - 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: #34d399; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; - } - .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: #424b57; - 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #424b57; - } - .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #424b57; - } - - 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: #030712; - background: #34d399; - border: 1px solid #34d399; - 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:not(:disabled):hover { - background: #6ee7b7; - color: #030712; - border-color: #6ee7b7; - } - .p-button:not(:disabled):active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #34d399; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text { - background-color: transparent; - color: #34d399; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(:disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); - } - .p-button.p-button-text.p-button-plain:not(:disabled):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(52, 211, 153, 0.2); - } - .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: #34d399; - background-color: #030712; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; - } - - .p-button.p-button-link { - color: #34d399; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #34d399; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.2); - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #34d399; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #111827; - } - .p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #111827; - } - - .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: #34d399; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - } - .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:not(: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:not(: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: #34d399; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(52, 211, 153, 0.04); - color: #34d399; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(52, 211, 153, 0.16); - color: #34d399; - 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:not(: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:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #424b57; - 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(52, 211, 153, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .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(52, 211, 153, 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(52, 211, 153, 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(52, 211, 153, 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-visible { - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #1f2937; - 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 #424b57; - 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-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(52, 211, 153, 0.2); - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(52, 211, 153, 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(52, 211, 153, 0.16); - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 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: #34d399; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2937; - } - .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: #1f2937; - } - .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: #1f2937; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(52, 211, 153, 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(52, 211, 153, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-column-filter-overlay { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(52, 211, 153, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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 #424b57; - } - .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; - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .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: #1f2937; - 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(52, 211, 153, 0.16); - color: rgba(255, 255, 255, 0.87); - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(24, 111, 80, 0.16); - } - .p-organizationchart .p-organizationchart-line-down { - background: #424b57; - } - .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #424b57; - border-color: #424b57; - } - .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #424b57; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .p-paginator { - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: solid #424b57; - 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(52, 211, 153, 0.16); - border-color: rgba(52, 211, 153, 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: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #1f2937; - border: 1px solid #424b57; - 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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .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:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(52, 211, 153, 0.24); - } - .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: #1f2937; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #34d399; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #030712; - } - .p-timeline .p-timeline-event-connector { - background-color: #424b57; - } - .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 #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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.p-highlight { - background: rgba(52, 211, 153, 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-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(37, 173, 124, 0.16); - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #424b57; - background-color: #1f2937; - 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(52, 211, 153, 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(52, 211, 153, 0.2); - } - - .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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #424b57; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - } - .p-treetable .p-sortable-column { - outline-color: rgba(52, 211, 153, 0.2); - } - .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(52, 211, 153, 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(52, 211, 153, 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: #1f2937; - 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 #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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-visible { - outline: 0.15rem solid rgba(52, 211, 153, 0.2); - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(52, 211, 153, 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: #34d399; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2937; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #1f2937; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #424b57; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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 #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2937; - border-color: #424b57; - 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: #424b57; - 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 #424b57; - background: #1f2937; - 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: #1f2937; - 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: #1f2937; - } - .p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; - } - .p-divider.p-divider-horizontal:before { - border-top: 1px #424b57; - } - .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 #424b57; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; - } - .p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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-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: #424b57; - border: 0 none; - } - - .p-splitter { - border: 1px solid #424b57; - background: #1f2937; - 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: #424b57; - } - .p-splitter .p-splitter-gutter-resizing { - background: #424b57; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #34d399; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #34d399; - color: #34d399; - } - .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: #1f2937; - color: #34d399; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - 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: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-confirm-popup:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #424b57; - } - .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2937; - } - .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #424b57; - } - .p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; - } - .p-confirm-popup .p-confirm-popup-icon.p-icon { - width: 1.5rem; - height: 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 #424b57; - } - .p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #1f2937; - 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: #1f2937; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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: #34d399; - color: #030712; - 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: #6ee7b7; - color: #030712; - } - .p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 41, 55, 0); - border-bottom-color: #1f2937; - } - .p-overlaypanel:before { - border: solid transparent; - border-color: rgba(66, 75, 87, 0); - border-bottom-color: #3f4753; - } - .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2937; - } - .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #424b57; - } - - .p-sidebar { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - 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-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .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: #424b57; - 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: #424b57; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #424b57; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #424b57; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #424b57; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #1f2937; - padding: 1.25rem; - border: 1px solid #424b57; - 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(52, 211, 153, 0.2); - } - .p-fileupload .p-fileupload-content { - background: #1f2937; - padding: 2rem 1rem; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #34d399; - border-style: dashed; - background-color: rgba(52, 211, 153, 0.16); - } - .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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; - } - - .p-breadcrumb { - background: #374151; - border: 1px solid #424b57; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu-root-list { - outline: 0 none; - } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .p-dock .p-dock-link { - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-panel { - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #374151; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - - .p-menu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menu.p-menu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #34d399; - color: #030712; - 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: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .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-content .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @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(52, 211, 153, 0.2); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem-separator { - border-top: 1px solid #424b57; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); - background: #1f2937; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: rgba(255, 255, 255, 0.03); - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #424b57; - 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 #424b57; - background: #1f2937; - 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-panelmenu .p-panelmenu-content .p-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .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-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu.p-slidemenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-slidemenu .p-menuitem-badge { - background: #34d399; - color: #030712; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(52, 211, 153, 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 #424b57; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - } - - .p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #34d399; - color: #030712; - 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 #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2937; - border-color: #34d399; - color: rgba(255, 255, 255, 0.87); - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2937; - border-color: #34d399; - color: #34d399; - } - .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: #1f2937; - color: #34d399; - 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(52, 211, 153, 0.2); - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #374151; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - border-radius: 6px; - width: 12.5rem; - } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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-tieredmenu-root-list { - outline: 0 none; - } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - box-shadow: 0 2px 4px -1px rgba(0, 0, 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 > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(52, 211, 153, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - background: #424b57; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #424b57; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 1px; - color: #93c5fd; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #93c5fd; - } - .p-inline-message.p-inline-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 1px; - color: #6ee7b7; - } - .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #6ee7b7; - } - .p-inline-message.p-inline-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 1px; - color: #fde047; - } - .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #fde047; - } - .p-inline-message.p-inline-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 1px; - color: #fca5a5; - } - .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #fca5a5; - } - .p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; - } - .p-inline-message .p-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-message.p-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .p-message.p-message-info .p-message-icon { - color: #93c5fd; - } - .p-message.p-message-info .p-message-close { - color: #93c5fd; - } - .p-message.p-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .p-message.p-message-success .p-message-icon { - color: #6ee7b7; - } - .p-message.p-message-success .p-message-close { - color: #6ee7b7; - } - .p-message.p-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .p-message.p-message-warn .p-message-icon { - color: #fde047; - } - .p-message.p-message-warn .p-message-close { - color: #fde047; - } - .p-message.p-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .p-message.p-message-error .p-message-icon { - color: #fca5a5; - } - .p-message.p-message-error .p-message-close { - color: #fca5a5; - } - .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-icon { - width: 1.5rem; - height: 1.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: 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(59, 130, 246, 0.2); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #93c5fd; - } - .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: #93c5fd; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(16, 185, 129, 0.2); - border: solid #10b981; - border-width: 0 0 0 6px; - color: #6ee7b7; - } - .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: #6ee7b7; - } - .p-toast .p-toast-message.p-toast-message-warn { - background: rgba(234, 179, 8, 0.2); - border: solid #eab308; - border-width: 0 0 0 6px; - color: #fde047; - } - .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: #fde047; - } - .p-toast .p-toast-message.p-toast-message-error { - background: rgba(239, 68, 68, 0.2); - border: solid #ef4444; - border-width: 0 0 0 6px; - color: #fca5a5; - } - .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: #fca5a5; - } - - .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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 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: #424b57; - 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(52, 211, 153, 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(52, 211, 153, 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #424b57; - 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 #1f2937; - } - - .p-badge { - background: #34d399; - color: #030712; - 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: #424b57; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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(52, 211, 153, 0.2); - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #424b57; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #34d399; - } - .p-progressbar .p-progressbar-label { - color: #030712; - 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(52, 211, 153, 0.16); - } - .p-scrolltop.p-link:hover { - background: rgba(52, 211, 153, 0.3616); - } - .p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .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: #34d399; - color: #030712; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #1f2937; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #424b57; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #34d399; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #34d399; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 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 #34d399; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #34d399; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.1); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2937; - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #1f2937; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #424b57; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #a7f3d0; - border: 1px solid #a7f3d0; - color: #030712; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2937; - border: 1px solid #424b57; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #030712; - background: #34d399; - border: 1px solid #34d399; - 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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); -} -.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(52, 211, 153, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #34d399; - border-color: #34d399; - color: #030712; -} -.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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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(52, 211, 153, 0.2); - 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: #424b57; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2937; - border-color: #424b57; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #424b57; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2937; -} -.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 #424b57; - padding: 1.25rem; - background: #1f2937; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #424b57; - background: #1f2937; - 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: #030712; - background: #a7f3d0; - border-color: #a7f3d0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #030712; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #a7f3d0; - border-color: #a7f3d0; -} -.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: #1f2937; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #030712; - background: #34d399; - border: 1px solid #34d399; - 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: #6ee7b7; - color: #030712; - border-color: #6ee7b7; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a7f3d0; - color: #030712; - border-color: #a7f3d0; -} -.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(52, 211, 153, 0.2); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #030712; - background: #34d399; - border: 1px solid #34d399; -} -.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(52, 211, 153, 0.2); -} -.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: #1f2937; - border: 1px solid #424b57; - 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: #424b57; - 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: #34d399; - border-color: #34d399; - color: #030712; -} -.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: #6ee7b7; - border-color: #6ee7b7; - color: #030712; -} -.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(52, 211, 153, 0.2); - 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 .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(52, 211, 153, 0.16); -} diff --git a/tiles/assets/layout/styles/theme/theme-dim/teal/theme.scss b/tiles/assets/layout/styles/theme/theme-dim/teal/theme.scss deleted file mode 100644 index 5027332..0000000 --- a/tiles/assets/layout/styles/theme/theme-dim/teal/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #34d399 !default; -$primaryLightColor: #6ee7b7 !default; -$primaryLighterColor: #a7f3d0 !default; -$primaryLightestColor: rgba(52, 211, 153, .2) !default; -$primaryTextColor: #030712 !default; -$primary500: #14b8a6 !default; - -$highlightBg:rgba(52, 211, 153, .16) !default; -$highlightTextColor: rgba(255, 255, 255, 0.87) !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-light/_extensions.scss b/tiles/assets/layout/styles/theme/theme-light/_extensions.scss deleted file mode 100644 index d0a157d..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/_extensions.scss +++ /dev/null @@ -1,102 +0,0 @@ -@mixin focused-ring($ring-color) { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0); -} - -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .p-accordion { - .p-accordion-header { - .p-accordion-header-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - - .p-tabview { - .p-tabview-nav { - li { - .p-tabview-nav-link { - transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } - } - } - } - - .p-carousel { - .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-galleria { - .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: $primaryColor; - } - } - - .p-button { - &:focus { - @include focused-ring(scale-color($buttonBg, $lightness: 50%)); - } - - &.p-button-secondary:enabled:focus { - @include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%)); - } - - &.p-button-success:enabled:focus { - @include focused-ring(scale-color($successButtonBg, $lightness: 50%)); - } - - &.p-button-info:enabled:focus { - @include focused-ring(scale-color($infoButtonBg, $lightness: 50%)); - } - - &.p-button-warning:enabled:focus { - @include focused-ring(scale-color($warningButtonBg, $lightness: 50%)); - } - - &.p-button-help:enabled:focus { - @include focused-ring(scale-color($helpButtonBg, $lightness: 50%)); - } - - &.p-button-danger:enabled:focus { - @include focused-ring(scale-color($dangerButtonBg, $lightness: 50%)); - } - } - - .p-datatable { - .p-datatable-tbody { - > tr { - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $primaryColor; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $primaryColor; - } - } - } - } - - .p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused-ring(scale-color($buttonBg, $lightness: 50%)); - } - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, - .p-orderlist-controls .p-button { - transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - } -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-light/_variables.scss b/tiles/assets/layout/styles/theme/theme-light/_variables.scss deleted file mode 100644 index ea97dbb..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/_variables.scss +++ /dev/null @@ -1,898 +0,0 @@ -$colors: ( - "blue": #3B82F6, - "green": #22C55E, - "yellow": #EAB308, - "cyan": #06B6D4, - "pink": #EC4899, - "indigo": #6366F1, - "teal": #14B8A6, - "orange": #F97316, - "bluegray": #64748B, - "purple": #A855F7, - "red": #FF3D32, - "primary": $primary500 -); - -//reused color variables -$shade000:#ffffff !default; //surface -$shade100:#f9fafb !default; //header background -$shade200:#f3f4f6 !default; //hover background -$shade300:#e5e7eb !default; //border, divider -$shade400:#d1d5db !default; //input border -$shade500:#9ca3af !default; //input icon -$shade600:#6b7280 !default; //text secondary color -$shade700:#4b5563 !default; //text color -$shade800:#374151 !default; //unused -$shade900:#1f2937 !default; //unused - -//global -$fontFamily:'Poppins', sans-serif !default; -$fontSize:1rem !default; -$fontWeight:normal !default; -$textColor:$shade700 !default; -$textSecondaryColor:$shade600 !default; -$borderRadius:6px !default; -$transitionDuration:.2s !default; -$formElementTransition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; -$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default; -$listItemTransition:box-shadow $transitionDuration !default; -$primeIconFontSize:1rem !default; -$divider:1px solid $shade300 !default; -$inlineSpacing:.5rem !default; -$disabledOpacity:.6 !default; -$maskBg:rgba(0, 0, 0, 0.4) !default; -$loadingIconFontSize:2rem !default; -$errorColor:#e24c4c !default; - -//scale -$scaleSM:0.875 !default; -$scaleLG:1.25 !default; - -//focus -$focusOutlineColor:$primaryLightColor !default; -$focusOutline:0 none !default; -$focusOutlineOffset:0 !default; -$focusShadow:0 0 0 0.2rem $focusOutlineColor !default; - -//action icons -$actionIconWidth:2rem !default; -$actionIconHeight:2rem !default; -$actionIconBg:transparent !default; -$actionIconBorder:0 none !default; -$actionIconColor:$shade600 !default; -$actionIconHoverBg:$shade200 !default; -$actionIconHoverBorderColor:transparent !default; -$actionIconHoverColor:$shade800 !default; -$actionIconBorderRadius:50% !default; - -//input field (e.g. inputtext, spinner, inputmask) -$inputPadding:.75rem .75rem !default; -$inputTextFontSize:1rem !default; - -$inputBg:$shade000 !default; -$inputTextColor:$shade700 !default; -$inputIconColor:$shade600 !default; -$inputBorder:1px solid $shade400 !default; -$inputHoverBorderColor:$primaryColor !default; -$inputFocusBorderColor:$primaryColor !default; -$inputErrorBorderColor:$errorColor !default; -$inputPlaceholderTextColor:$shade600 !default; -$inputFilledBg:$shade200 !default; -$inputFilledHoverBg:$inputFilledBg !default; -$inputFilledFocusBg:$shade000 !default; - -//input groups -$inputGroupBg:$shade200 !default; -$inputGroupTextColor:$shade600 !default; -$inputGroupAddOnMinWidth: 3rem !default; - -//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) -$inputListBg:$shade000 !default; -$inputListTextColor:$shade700 !default; -$inputListBorder:$inputBorder !default; -$inputListPadding:.75rem 0 !default; -$inputListItemPadding:.75rem 1.25rem !default; -$inputListItemBg:transparent !default; -$inputListItemTextColor:$shade700 !default; -$inputListItemHoverBg:$shade200 !default; -$inputListItemTextHoverColor:$shade700 !default; -$inputListItemFocusBg:$shade300 !default; -$inputListItemTextFocusColor:$shade700 !default; -$inputListItemBorder:0 none !default; -$inputListItemBorderRadius:0 !default; -$inputListItemMargin:0 !default; -$inputListItemFocusShadow:inset 0 0 0 0.15rem $focusOutlineColor !default; -$inputListHeaderPadding:.75rem 1.25rem !default; -$inputListHeaderMargin:0 !default; -$inputListHeaderBg:$shade100 !default; -$inputListHeaderTextColor:$shade800 !default; -$inputListHeaderBorder:1px solid $shade300 !default; - -//inputs with overlays (e.g. autocomplete, dropdown, multiselect) -$inputOverlayBg:$inputListBg !default; -$inputOverlayHeaderBg:$inputListHeaderBg !default; -$inputOverlayBorder:0 none !default; -$inputOverlayShadow:0 2px 12px 0 rgba(0,0,0,.1) !default; - -//password -$passwordMeterBg:$shade300 !default; -$passwordWeakBg:#ea5455 !default; -$passwordMediumBg:#ff9f42 !default; -$passwordStrongBg:#29c76f !default; - -//button -$buttonPadding:.75rem 1.25rem !default; -$buttonIconOnlyWidth:3rem !default; -$buttonIconOnlyPadding:.75rem 0 !default; -$buttonBg:$primaryColor !default; -$buttonTextColor:$primaryTextColor !default; -$buttonBorder:1px solid $primaryColor !default; -$buttonHoverBg:$primaryDarkColor !default; -$buttonTextHoverColor:$primaryTextColor !default; -$buttonHoverBorderColor:$primaryDarkColor !default; -$buttonActiveBg:$primaryDarkerColor !default; -$buttonTextActiveColor:$primaryTextColor !default; -$buttonActiveBorderColor:$primaryDarkerColor !default; -$raisedButtonShadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !default; -$roundedButtonBorderRadius:2rem !default; - -$textButtonHoverBgOpacity:.04 !default; -$textButtonActiveBgOpacity:.16 !default; -$outlinedButtonBorder:1px solid !default; -$plainButtonTextColor:$textSecondaryColor !default; -$plainButtonHoverBgColor:$shade200 !default; -$plainButtonActiveBgColor:$shade300 !default; - -$secondaryButtonBg:#64748B !default; -$secondaryButtonTextColor:#ffffff !default; -$secondaryButtonBorder:1px solid $secondaryButtonBg !default; -$secondaryButtonHoverBg:#475569 !default; -$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; -$secondaryButtonHoverBorderColor:#475569 !default; -$secondaryButtonActiveBg:#334155 !default; -$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; -$secondaryButtonActiveBorderColor:#334155 !default; -$secondaryButtonFocusShadow:0 0 0 0.2rem #E2E8F0 !default; - -$infoButtonBg:#3B82F6 !default; -$infoButtonTextColor:#ffffff !default; -$infoButtonBorder:1px solid $infoButtonBg !default; -$infoButtonHoverBg:#2563EB !default; -$infoButtonTextHoverColor:$infoButtonTextColor !default; -$infoButtonHoverBorderColor:#2563EB !default; -$infoButtonActiveBg:#1D4ED8 !default; -$infoButtonTextActiveColor:$infoButtonTextColor !default; -$infoButtonActiveBorderColor:#1D4ED8 !default; -$infoButtonFocusShadow:0 0 0 0.2rem #BFDBFE !default; - -$successButtonBg:#22C55E !default; -$successButtonTextColor:#ffffff !default; -$successButtonBorder:1px solid $successButtonBg !default; -$successButtonHoverBg:#16A34A !default; -$successButtonTextHoverColor:$successButtonTextColor !default; -$successButtonHoverBorderColor:#16A34A !default; -$successButtonActiveBg:#15803D !default; -$successButtonTextActiveColor:$successButtonTextColor !default; -$successButtonActiveBorderColor:#15803D !default; -$successButtonFocusShadow:0 0 0 0.2rem #BBF7D0 !default; - -$warningButtonBg:#F59E0B !default; -$warningButtonTextColor:#ffffff !default; -$warningButtonBorder:1px solid $warningButtonBg !default; -$warningButtonHoverBg:#D97706 !default; -$warningButtonTextHoverColor:$warningButtonTextColor !default; -$warningButtonHoverBorderColor:#D97706 !default; -$warningButtonActiveBg:#B45309 !default; -$warningButtonTextActiveColor:$warningButtonTextColor !default; -$warningButtonActiveBorderColor:#B45309 !default; -$warningButtonFocusShadow:0 0 0 0.2rem #FDE68A !default; - -$helpButtonBg:#A855F7 !default; -$helpButtonTextColor:#ffffff !default; -$helpButtonBorder:1px solid $helpButtonBg !default; -$helpButtonHoverBg:#9333EA !default; -$helpButtonTextHoverColor:$helpButtonTextColor !default; -$helpButtonHoverBorderColor:#9333EA !default; -$helpButtonActiveBg:#7E22CE !default; -$helpButtonTextActiveColor:$helpButtonTextColor !default; -$helpButtonActiveBorderColor:#7E22CE !default; -$helpButtonFocusShadow:0 0 0 0.2rem #E9D5FF !default; - -$dangerButtonBg:#EF4444 !default; -$dangerButtonTextColor:#ffffff !default; -$dangerButtonBorder:1px solid $dangerButtonBg !default; -$dangerButtonHoverBg:#DC2626 !default; -$dangerButtonTextHoverColor:$dangerButtonTextColor !default; -$dangerButtonHoverBorderColor:#DC2626 !default; -$dangerButtonActiveBg:#B91C1C !default; -$dangerButtonTextActiveColor:$dangerButtonTextColor !default; -$dangerButtonActiveBorderColor:#B91C1C !default; -$dangerButtonFocusShadow:0 0 0 0.2rem #FECACA !default; - -$linkButtonColor:$primaryDarkerColor !default; -$linkButtonHoverColor:$primaryDarkerColor !default; -$linkButtonTextHoverDecoration:underline !default; -$linkButtonFocusShadow:0 0 0 0.2rem $focusOutlineColor !default; - -//checkbox -$checkboxWidth:22px !default; -$checkboxHeight:22px !default; -$checkboxBorder:2px solid $shade400 !default; -$checkboxIconFontSize:14px !default; -$checkboxActiveBorderColor:$primaryColor !default; -$checkboxActiveBg:$primaryColor !default; -$checkboxIconActiveColor:$primaryTextColor !default; -$checkboxActiveHoverBg:$primaryDarkerColor !default; -$checkboxIconActiveHoverColor:$primaryTextColor !default; -$checkboxActiveHoverBorderColor:$primaryDarkerColor !default; - -//radiobutton -$radiobuttonWidth:22px !default; -$radiobuttonHeight:22px !default; -$radiobuttonBorder:2px solid $shade400 !default; -$radiobuttonIconSize:12px !default; -$radiobuttonActiveBorderColor:$primaryColor !default; -$radiobuttonActiveBg:$primaryColor !default; -$radiobuttonIconActiveColor:$primaryTextColor !default; -$radiobuttonActiveHoverBg:$primaryDarkerColor !default; -$radiobuttonIconActiveHoverColor:$primaryTextColor !default; -$radiobuttonActiveHoverBorderColor:$primaryDarkerColor !default; - -//colorpicker -$colorPickerPreviewWidth:2rem !default; -$colorPickerPreviewHeight:2rem !default; -$colorPickerBg:#323232 !default; -$colorPickerBorder:1px solid #191919 !default; -$colorPickerHandleColor:$shade000 !default; - -//togglebutton -$toggleButtonBg:$inputBg !default; -$toggleButtonBorder:1px solid $shade400 !default; -$toggleButtonTextColor:$shade700 !default; -$toggleButtonIconColor:$shade600 !default; -$toggleButtonHoverBg:$shade200 !default; -$toggleButtonHoverBorderColor:$shade400 !default; -$toggleButtonTextHoverColor:$shade700 !default; -$toggleButtonIconHoverColor:$shade800 !default; -$toggleButtonActiveBg:$primaryColor !default; -$toggleButtonActiveBorderColor:$primaryColor !default; -$toggleButtonTextActiveColor:$primaryTextColor !default; -$toggleButtonIconActiveColor:$primaryTextColor !default; -$toggleButtonActiveHoverBg:$primaryDarkColor !default; -$toggleButtonActiveHoverBorderColor:$primaryDarkColor !default; -$toggleButtonTextActiveHoverColor:$primaryTextColor !default; -$toggleButtonIconActiveHoverColor:$primaryTextColor !default; - -//inplace -$inplacePadding:$inputPadding !default; -$inplaceHoverBg:$shade200 !default; -$inplaceTextHoverColor:$shade700 !default; - -//rating -$ratingIconFontSize:1.143rem !default; -$ratingCancelIconColor:#ea5455 !default; -$ratingCancelIconHoverColor:#e73d3e !default; -$ratingStarIconOffColor:$shade700 !default; -$ratingStarIconOnColor:$primaryColor !default; -$ratingStarIconHoverColor:$primaryColor !default; - -//slider -$sliderBg:$shade300 !default; -$sliderBorder:0 none !default; -$sliderHorizontalHeight:.286rem !default; -$sliderVerticalWidth:0.286rem !default; -$sliderHandleWidth:1.143rem !default; -$sliderHandleHeight:1.143rem !default; -$sliderHandleBg:$shade000 !default; -$sliderHandleBorder:2px solid $primaryColor !default; -$sliderHandleBorderRadius:50% !default; -$sliderHandleHoverBorderColor:$primaryColor !default; -$sliderHandleHoverBg:$primaryColor !default; -$sliderRangeBg:$primaryColor !default; - -//calendar -$calendarTableMargin:.5rem 0 !default; -$calendarPadding:.5rem !default; -$calendarBg:$shade000 !default; -$calendarInlineBg:$calendarBg !default; -$calendarTextColor:$shade700 !default; -$calendarBorder:$inputListBorder !default; -$calendarOverlayBorder:$inputOverlayBorder !default; - -$calendarHeaderPadding:.5rem !default; -$calendarHeaderBg:$shade000 !default; -$calendarInlineHeaderBg:$calendarBg !default; -$calendarHeaderBorder:1px solid $shade300 !default; -$calendarHeaderTextColor:$shade700 !default; -$calendarHeaderFontWeight:600 !default; -$calendarHeaderCellPadding:.5rem !default; -$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; - -$calendarCellDatePadding:.5rem !default; -$calendarCellDateWidth:2.5rem !default; -$calendarCellDateHeight:2.5rem !default; -$calendarCellDateBorderRadius:50% !default; -$calendarCellDateBorder:1px solid transparent !default; -$calendarCellDateHoverBg:$shade200 !default; -$calendarCellDateTodayBg:$shade400 !default; -$calendarCellDateTodayBorderColor:transparent !default; -$calendarCellDateTodayTextColor:$shade700 !default; - -$calendarButtonBarPadding:1rem 0 !default; -$calendarTimePickerPadding:.5rem !default; -$calendarTimePickerElementPadding:0 .5rem !default; -$calendarTimePickerTimeFontSize:1.25rem !default; - -$calendarBreakpoint:769px !default; -$calendarCellDatePaddingSM:0 !default; - -//input switch -$inputSwitchWidth:3rem !default; -$inputSwitchHeight:1.75rem !default; -$inputSwitchBorderRadius:30px !default; -$inputSwitchHandleWidth:1.250rem !default; -$inputSwitchHandleHeight:1.250rem !default; -$inputSwitchHandleBorderRadius:50% !default; -$inputSwitchSliderPadding:.25rem !default; -$inputSwitchSliderOffBg:$shade400 !default; -$inputSwitchHandleOffBg:$shade000 !default; -$inputSwitchSliderOffHoverBg:scale-color($shade400, $lightness: -10%) !default; -$inputSwitchSliderOnBg:$primaryColor !default; -$inputSwitchSliderOnHoverBg:$primaryDarkColor !default; -$inputSwitchHandleOnBg:$shade000 !default; - -//panel -$panelHeaderBorderColor:$shade300 !default; -$panelHeaderBorder:1px solid $shade300 !default; -$panelHeaderBg:$shade100 !default; -$panelHeaderTextColor:$shade800 !default; -$panelHeaderFontWeight:700 !default; -$panelHeaderPadding:1.25rem !default; -$panelToggleableHeaderPadding:.75rem 1.25rem !default; - -$panelHeaderHoverBg:$shade200 !default; -$panelHeaderHoverBorderColor:$shade300 !default; -$panelHeaderTextHoverColor:$shade800 !default; - -$panelContentBorderColor: $shade300 !default; -$panelContentBorder:1px solid $shade300 !default; -$panelContentBg:$shade000 !default; -$panelContentEvenRowBg:scale-color($panelContentBg, $lightness: -1%) !default; -$panelContentTextColor:$shade700 !default; -$panelContentPadding:1.25rem !default; - -$panelFooterBorder:1px solid $shade300 !default; -$panelFooterBg:$shade000 !default; -$panelFooterTextColor:$shade700 !default; -$panelFooterPadding:0.75rem 1.25rem !default; - -//accordion -$accordionSpacing:4px !default; -$accordionHeaderBorder:$panelHeaderBorder !default; -$accordionHeaderBg:$panelHeaderBg !default; -$accordionHeaderTextColor:$shade600 !default; -$accordionHeaderFontWeight:$panelHeaderFontWeight !default; -$accordionHeaderPadding:$panelHeaderPadding !default; - -$accordionHeaderHoverBg:$shade200 !default; -$accordionHeaderHoverBorderColor:$shade300 !default; -$accordionHeaderTextHoverColor:$shade800 !default; - -$accordionHeaderActiveBg:$panelHeaderBg !default; -$accordionHeaderActiveBorderColor:$shade300 !default; -$accordionHeaderTextActiveColor:$shade800 !default; - -$accordionHeaderActiveHoverBg:$shade200 !default; -$accordionHeaderActiveHoverBorderColor:$shade300 !default; -$accordionHeaderTextActiveHoverColor:$shade800 !default; - -$accordionContentBorder:$panelContentBorder !default; -$accordionContentBg:$panelContentBg !default; -$accordionContentTextColor:$panelContentTextColor !default; -$accordionContentPadding:$panelContentPadding !default; - -//tabview -$tabviewNavBorder:1px solid $shade300 !default; -$tabviewNavBorderWidth:0 0 2px 0 !default; -$tabviewNavBg:$shade000 !default; - -$tabviewHeaderSpacing:0 !default; -$tabviewHeaderBorder:solid $shade300 !default; -$tabviewHeaderBorderWidth:0 0 2px 0 !default; -$tabviewHeaderBorderColor:transparent transparent $shade300 transparent !default; -$tabviewHeaderBg:$shade000 !default; -$tabviewHeaderTextColor:$shade600 !default; -$tabviewHeaderFontWeight:$panelHeaderFontWeight !default; -$tabviewHeaderPadding:$panelHeaderPadding !default; -$tabviewHeaderMargin:0 0 -2px 0 !default; - -$tabviewHeaderHoverBg:$shade000 !default; -$tabviewHeaderHoverBorderColor:$shade500 !default; -$tabviewHeaderTextHoverColor:$shade600 !default; - -$tabviewHeaderActiveBg:$shade000 !default; -$tabviewHeaderActiveBorderColor:$primaryColor !default; -$tabviewHeaderTextActiveColor:$primaryColor !default; - -$tabviewContentBorder:0 none !default; -$tabviewContentBg:$panelContentBg !default; -$tabviewContentTextColor:$panelContentTextColor !default; -$tabviewContentPadding:$panelContentPadding !default; - -//upload -$fileUploadProgressBarHeight:.25rem !default; -$fileUploadContentPadding: 2rem 1rem !default; -$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; -$fileUploadFileBorder: 1px solid $shade300 !default; -$fileUploadFilePadding: 1rem !default; - -//scrollpanel -$scrollPanelTrackBorder:0 none !default; -$scrollPanelTrackBg:$shade100 !default; - -//card -$cardBodyPadding:1.25rem !default; -$cardTitleFontSize:1.5rem !default; -$cardTitleFontWeight:700 !default; -$cardSubTitleFontWeight:400 !default; -$cardSubTitleColor:$shade600 !default; -$cardContentPadding:1.25rem 0 !default; -$cardFooterPadding:1.25rem 0 0 0 !default; -$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; - -//editor -$editorToolbarBg:$panelHeaderBg !default; -$editorToolbarBorder:$panelHeaderBorder !default; -$editorToolbarPadding:$panelHeaderPadding !default; -$editorToolbarIconColor:$textSecondaryColor !default; -$editorToolbarIconHoverColor:$textColor !default; -$editorIconActiveColor:$primaryColor !default; -$editorContentBorder:$panelContentBorder !default; -$editorContentBg:$panelContentBg !default; - -//paginator -$paginatorBg:$shade000 !default; -$paginatorTextColor:$shade600 !default; -$paginatorBorder:solid $shade200 !default; -$paginatorBorderWidth:0 !default; -$paginatorPadding:.5rem 1rem !default; -$paginatorElementWidth:$buttonIconOnlyWidth !default; -$paginatorElementHeight:$buttonIconOnlyWidth !default; -$paginatorElementBg:transparent !default; -$paginatorElementBorder:0 none !default; -$paginatorElementIconColor:$shade600 !default; -$paginatorElementHoverBg:$shade200 !default; -$paginatorElementHoverBorderColor:transparent !default; -$paginatorElementIconHoverColor:$shade800 !default; -$paginatorElementBorderRadius:50% !default; -$paginatorElementMargin:.143rem !default; -$paginatorElementPadding:0 !default; - -//table -$tableHeaderBorder:1px solid $shade300 !default; -$tableHeaderBorderWidth:1px 0 1px 0 !default; -$tableHeaderBg:$shade100 !default; -$tableHeaderTextColor:$shade800 !default; -$tableHeaderFontWeight:700 !default; -$tableHeaderPadding:1rem 1rem !default; - -$tableHeaderCellPadding:1rem 1rem !default; -$tableHeaderCellBg:$shade100 !default; -$tableHeaderCellTextColor:$shade800 !default; -$tableHeaderCellFontWeight:700 !default; -$tableHeaderCellBorder:1px solid $shade300 !default; -$tableHeaderCellBorderWidth:0 0 1px 0 !default; -$tableHeaderCellHoverBg:$shade200 !default; -$tableHeaderCellTextHoverColor:$shade800 !default; -$tableHeaderCellIconColor:$shade800 !default; -$tableHeaderCellIconHoverColor:$shade800 !default; -$tableHeaderCellHighlightBg:$highlightBg !default; -$tableHeaderCellHighlightTextColor:$highlightTextColor !default; -$tableHeaderCellHighlightHoverBg:$highlightBg !default; -$tableHeaderCellHighlightTextHoverColor:$highlightTextColor !default; -$tableSortableColumnBadgeSize:1.143rem !default; - -$tableBodyRowBg:$shade000 !default; -$tableBodyRowTextColor:$shade700 !default; -$tableBodyRowEvenBg:scale-color($tableBodyRowBg, $lightness: -1%) !default; -$tableBodyRowHoverBg:$shade200 !default; -$tableBodyRowTextHoverColor:$shade900 !default; -$tableBodyCellBorder:1px solid $shade300 !default; -$tableBodyCellBorderWidth:0 0 1px 0 !default; -$tableBodyCellPadding:1rem 1rem !default; - -$tableFooterCellPadding:1rem 1rem !default; -$tableFooterCellBg:$shade100 !default; -$tableFooterCellTextColor:$shade800 !default; -$tableFooterCellFontWeight:700 !default; -$tableFooterCellBorder:1px solid $shade300 !default; -$tableFooterCellBorderWidth:0 0 1px 0 !default; -$tableResizerHelperBg:$primaryColor !default; - -$tableFooterBorder:1px solid $shade300 !default; -$tableFooterBorderWidth:0 0 1px 0 !default; -$tableFooterBg:$shade100 !default; -$tableFooterTextColor:$shade800 !default; -$tableFooterFontWeight:700 !default; -$tableFooterPadding:1rem 1rem !default; - -$tableCellContentAlignment:left !default; -$tableTopPaginatorBorderWidth:0 0 1px 0 !default; -$tableBottomPaginatorBorderWidth:0 0 1px 0 !default; - -$tableScaleSM:0.5 !default; -$tableScaleLG:1.25 !default; - -//dataview -$dataViewContentPadding:0 !default; -$dataViewContentBorder:0 none !default; -$dataViewListItemBorder:solid $shade300 !default; -$dataViewListItemBorderWidth:0 0 1px 0 !default; - -//schedule -$fullCalendarEventBg:$primaryDarkColor !default; -$fullCalendarEventBorderColor: $primaryDarkColor !default; -$fullCalendarEventBorder:1px solid $primaryDarkColor !default; -$fullCalendarEventTextColor:$primaryTextColor !default; - -//tree -$treeContainerPadding:0.286rem !default; -$treeNodePadding:0.143rem !default; -$treeNodeContentPadding:.5rem !default; -$treeNodeChildrenPadding:0 0 0 1rem !default; -$treeNodeIconColor:$shade600 !default; - -//timeline -$timelineVerticalEventContentPadding:0 1rem !default; -$timelineHorizontalEventContentPadding:1rem 0 !default; -$timelineEventMarkerWidth:1rem !default; -$timelineEventMarkerHeight:1rem !default; -$timelineEventMarkerBorderRadius:50% !default; -$timelineEventMarkerBorder:2px solid $primaryColor !default; -$timelineEventMarkerBackground:$primaryTextColor !default; -$timelineEventConnectorSize:2px !default; -$timelineEventColor:$shade300 !default; - -//org chart -$organizationChartConnectorColor:$shade300 !default; - -//message -$messageMargin:1rem 0 !default; -$messagePadding:1.25rem 1.75rem !default; -$messageBorderWidth:0 0 0 6px !default; -$messageIconFontSize:1.5rem !default; -$messageTextFontSize:1rem !default; -$messageTextFontWeight:500 !default; - -//inline message -$inlineMessagePadding:$inputPadding !default; -$inlineMessageMargin:0 !default; -$inlineMessageIconFontSize:1rem !default; -$inlineMessageTextFontSize:1rem !default; -$inlineMessageBorderWidth:0px !default; - -//toast -$toastIconFontSize:2rem !default; -$toastMessageTextMargin:0 0 0 1rem !default; -$toastMargin:0 0 1rem 0 !default; -$toastPadding:1rem !default; -$toastBorderWidth:0 0 0 6px !default; -$toastShadow:0 2px 12px 0 rgba(0,0,0,.1) !default; -$toastOpacity:1 !default; -$toastTitleFontWeight:700 !default; -$toastDetailMargin:$inlineSpacing 0 0 0 !default; - -//severities -$infoMessageBg:rgba(219, 234, 254, .7) !default; -$infoMessageBorder:solid #3b82f6 !default; -$infoMessageTextColor:#3b82f6 !default; -$infoMessageIconColor:#3b82f6 !default; -$successMessageBg:rgba(228, 248, 240, .7) !default; -$successMessageBorder:solid #1ea97c !default; -$successMessageTextColor:#1ea97c !default; -$successMessageIconColor:#1ea97c !default; -$warningMessageBg:rgba(255, 242, 226, .7) !default; -$warningMessageBorder:solid #cc8925 !default; -$warningMessageTextColor:#cc8925 !default; -$warningMessageIconColor:#cc8925 !default; -$errorMessageBg:rgba(255, 231, 230, .7) !default; -$errorMessageBorder:solid #ff5757 !default; -$errorMessageTextColor:#ff5757 !default; -$errorMessageIconColor:#ff5757 !default; - -//overlays -$overlayContentBorder:0 none !default; -$overlayContentBg:$panelContentBg !default; -$overlayContainerShadow:0 1px 3px rgba(0,0,0,.3) !default; - -//dialog -$dialogHeaderBg:$shade000 !default; -$dialogHeaderBorder:0 none !default; -$dialogHeaderTextColor:$shade800 !default; -$dialogHeaderFontWeight:700 !default; -$dialogHeaderFontSize:1.25rem !default; -$dialogHeaderPadding:1.5rem !default; -$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; -$dialogFooterBorder:0 none !default; -$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; - -//confirmpopup -$confirmPopupContentPadding:$panelContentPadding !default; -$confirmPopupFooterPadding:0 1.25rem 1.25rem 1.25rem !default; - -//tooltip -$tooltipBg:$shade700 !default; -$tooltipTextColor:$shade000 !default; -$tooltipPadding:$inputPadding !default; - -//steps -$stepsItemBg:$shade000 !default; -$stepsItemBorder:1px solid $shade200 !default; -$stepsItemTextColor:$shade600 !default; -$stepsItemNumberWidth:2rem !default; -$stepsItemNumberHeight:2rem !default; -$stepsItemNumberFontSize:1.143rem !default; -$stepsItemNumberColor:$shade700 !default; -$stepsItemNumberBorderRadius:50% !default; -$stepsItemActiveFontWeight:700 !default; - -//progressbar, progressspinner -$progressBarHeight:1.5rem !default; -$progressBarBorder:0 none !default; -$progressBarBg:$shade300 !default; -$progressBarValueBg:$primaryColor !default; -$progressBarValueTextColor:$primaryTextColor !default; - -$progressSpinnerStrokeColor:$errorMessageTextColor !default; -$progressSpinnerColorOne:$errorMessageTextColor !default; -$progressSpinnerColorTwo:$infoMessageTextColor !default; -$progressSpinnerColorThree:$successMessageTextColor !default; -$progressSpinnerColorFour:$warningMessageTextColor !default; - -//menu (e.g. menu, menubar, tieredmenu) -$menuWidth:12.5rem !default; -$menuBg:$shade000 !default; -$menuBorder:1px solid $shade300 !default; -$menuTextColor:$shade700 !default; -$menuitemPadding:.75rem 1.25rem !default; -$menuitemBorderRadius:0 !default; -$menuitemTextColor:$shade700 !default; -$menuitemIconColor:$shade600 !default; -$menuitemTextHoverColor:$shade700 !default; -$menuitemIconHoverColor:$shade600 !default; -$menuitemHoverBg:$shade200 !default; -$menuitemTextFocusColor:$shade700 !default; -$menuitemIconFocusColor:$shade700 !default; -$menuitemFocusBg:$shade300 !default; -$menuitemTextActiveColor:$highlightTextColor !default; -$menuitemIconActiveColor:$highlightTextColor !default; -$menuitemActiveBg:$highlightBg !default; -$menuitemActiveFocusBg:$highlightFocusBg !default; -$menuitemSubmenuIconFontSize:.875rem !default; -$submenuHeaderMargin:0 !default; -$submenuHeaderPadding:.75rem 1.25rem !default; -$submenuHeaderBg:$shade000 !default; -$submenuHeaderTextColor:$shade800 !default; -$submenuHeaderBorderRadius:0 !default; -$submenuHeaderFontWeight:700 !default; -$overlayMenuBg:$menuBg !default; -$overlayMenuBorder:0 none !default; -$overlayMenuShadow:0 2px 12px 0 rgba(0,0,0,.1) !default; -$verticalMenuPadding:.25rem 0 !default; -$menuSeparatorMargin:.25rem 0 !default; - -$breadcrumbPadding:1rem !default; -$breadcrumbBg:$menuBg !default; -$breadcrumbBorder:$menuBorder !default; -$breadcrumbItemTextColor:$menuitemTextColor !default; -$breadcrumbItemIconColor:$menuitemIconColor !default; -$breadcrumbLastItemTextColor:$menuitemTextColor !default; -$breadcrumbLastItemIconColor:$menuitemIconColor !default; -$breadcrumbSeparatorColor:$menuitemTextColor !default; - -$horizontalMenuPadding:.5rem !default; -$horizontalMenuBg:$shade100 !default; -$horizontalMenuBorder:$menuBorder !default; -$horizontalMenuTextColor:$menuTextColor !default; -$horizontalMenuRootMenuitemPadding:$menuitemPadding !default; -$horizontalMenuRootMenuitemBorderRadius:$borderRadius !default; -$horizontalMenuRootMenuitemTextColor:$menuitemTextColor !default; -$horizontalMenuRootMenuitemIconColor:$menuitemIconColor !default; -$horizontalMenuRootMenuitemTextHoverColor:$menuitemTextHoverColor !default; -$horizontalMenuRootMenuitemIconHoverColor:$menuitemIconHoverColor !default; -$horizontalMenuRootMenuitemHoverBg:$menuitemHoverBg !default; -$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor !default; -$horizontalMenuRootMenuitemIconActiveColor:$menuitemIconActiveColor !default; -$horizontalMenuRootMenuitemActiveBg:$menuitemActiveBg !default; - -//badge and tag -$badgeBg:$primaryColor !default; -$badgeTextColor:$primaryTextColor !default; -$badgeMinWidth:1.5rem !default; -$badgeHeight:1.5rem !default; -$badgeFontWeight:700 !default; -$badgeFontSize:.75rem !default; - -$tagPadding:.25rem .4rem !default; - -//carousel -$carouselIndicatorsPadding:1rem !default; -$carouselIndicatorBg:$shade400 !default; -$carouselIndicatorHoverBg:$shade500 !default; -$carouselIndicatorBorderRadius:0 !default; -$carouselIndicatorWidth:2rem !default; -$carouselIndicatorHeight:.5rem !default; - -//galleria -$galleriaMaskBg:rgba(0,0,0,0.9) !default; -$galleriaCloseIconMargin:.5rem !default; -$galleriaCloseIconFontSize:2rem !default; -$galleriaCloseIconBg:transparent !default; -$galleriaCloseIconColor:$shade100 !default; -$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; -$galleriaCloseIconHoverColor:$shade100 !default; -$galleriaCloseIconWidth:4rem !default; -$galleriaCloseIconHeight:4rem !default; -$galleriaCloseIconBorderRadius:50% !default; - -$galleriaItemNavigatorBg:transparent !default; -$galleriaItemNavigatorColor:$shade100 !default; -$galleriaItemNavigatorMargin:0 .5rem !default; -$galleriaItemNavigatorFontSize:2rem !default; -$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaItemNavigatorHoverColor:$shade100 !default; -$galleriaItemNavigatorWidth:4rem !default; -$galleriaItemNavigatorHeight:4rem !default; -$galleriaItemNavigatorBorderRadius:$borderRadius !default; - -$galleriaCaptionBg:rgba(0,0,0,.5) !default; -$galleriaCaptionTextColor:$shade100 !default; -$galleriaCaptionPadding:1rem !default; - -$galleriaIndicatorsPadding:1rem !default; -$galleriaIndicatorBg:$shade400 !default; -$galleriaIndicatorHoverBg:$shade500 !default; -$galleriaIndicatorBorderRadius:50% !default; -$galleriaIndicatorWidth:1rem !default; -$galleriaIndicatorHeight:1rem !default; -$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; -$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; -$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; - -$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; -$galleriaThumbnailContainerPadding:1rem .25rem !default; -$galleriaThumbnailNavigatorBg:transparent !default; -$galleriaThumbnailNavigatorColor:$shade100 !default; -$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; -$galleriaThumbnailNavigatorHoverColor:$shade100 !default; -$galleriaThumbnailNavigatorBorderRadius:50% !default; -$galleriaThumbnailNavigatorWidth:2rem !default; -$galleriaThumbnailNavigatorHeight:2rem !default; - -//divider -$dividerHorizontalMargin:1.25rem 0 !default; -$dividerHorizontalPadding:0 1.25rem !default; -$dividerVerticalMargin:0 1.25rem !default; -$dividerVerticalPadding:1.25rem 0 !default; -$dividerSize:1px !default; -$dividerColor:$shade300 !default; - -//avatar -$avatarBg:$shade300 !default; -$avatarTextColor:$textColor !default; - -//chip -$chipBg:$shade300 !default; -$chipTextColor:$textColor !default; -$chipBorderRadius: 16px !default; -$chipFocusBg:$shade400 !default; -$chipFocusTextColor:$textColor !default; - -//scrollTop -$scrollTopBg:rgba(0,0,0,0.7) !default; -$scrollTopHoverBg:rgba(0,0,0,0.8) !default; -$scrollTopWidth:3rem !default; -$scrollTopHeight:3rem !default; -$scrollTopBorderRadius:50% !default; -$scrollTopFontSize:1.5rem !default; -$scrollTopTextColor:$shade100 !default; - -//skeleton -$skeletonBg:$shade300 !default; -$skeletonAnimationBg:rgba(255,255,255,0.4) !default; - -//splitter -$splitterGutterBg:$shade100 !default; -$splitterGutterHandleBg:$shade300 !default; - -//speeddial -$speedDialButtonWidth: 4rem !default; -$speedDialButtonHeight: 4rem !default; -$speedDialButtonIconFontSize: 1.3rem !default; -$speedDialActionWidth: 3rem !default; -$speedDialActionHeight: 3rem !default; -$speedDialActionBg: $shade700 !default; -$speedDialActionHoverBg: #022354 !default; -$speedDialActionTextColor: #fff !default; -$speedDialActionTextHoverColor: #fff !default; - -//dock -$dockActionWidth: 4rem !default; -$dockActionHeight: 4rem !default; -$dockItemPadding: .5rem !default; -$dockItemBorderRadius:$borderRadius !default; -$dockCurrentItemMargin: 1.5rem !default; -$dockFirstItemsMargin: 1.3rem !default; -$dockSecondItemsMargin: 0.9rem !default; -$dockBg: rgba(255,255,255,.1) !default; -$dockBorder: 1px solid rgba(255,255,255,0.2) !default; -$dockPadding: .5rem .5rem !default; -$dockBorderRadius: .5rem !default; - -//image -$imageMaskBg:rgba(0,0,0,0.9) !default; -$imagePreviewToolbarPadding:1rem !default; -$imagePreviewIndicatorColor:#f8f9fa !default; -$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default; -$imagePreviewActionIconBg:transparent !default; -$imagePreviewActionIconColor:#f8f9fa !default; -$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default; -$imagePreviewActionIconHoverColor:#f8f9fa !default; -$imagePreviewActionIconWidth:3rem !default; -$imagePreviewActionIconHeight:3rem !default; -$imagePreviewActionIconFontSize:1.5rem !default; -$imagePreviewActionIconBorderRadius:50% !default; - -:root { - font-family:'Poppins', sans-serif; - font-feature-settings: "cv02","cv03","cv04","cv11"; - font-variation-settings: normal; - --font-family:'Poppins', sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#{$shade000}; - --surface-b:#{$shade100}; - --surface-c:#{$shade200}; - --surface-d:#{$shade300}; - --surface-e:#{$shade000}; - --surface-f:#{$shade000}; - --text-color:#{$shade700}; - --text-color-secondary:#{$shade600}; - --primary-color:#{$primaryColor}; - --primary-color-text:#{$primaryTextColor}; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:#{$panelContentPadding}; - --inline-spacing:#{$inlineSpacing}; - --border-radius:#{$borderRadius}; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: #{$focusShadow}; - --maskbg: #{$maskBg}; - --highlight-bg: #{$highlightBg}; - --highlight-text-color: #{$highlightTextColor}; - color-scheme: light; - --transition-duration: #{$transitionDuration}; -} \ No newline at end of file diff --git a/tiles/assets/layout/styles/theme/theme-light/blue/theme.css b/tiles/assets/layout/styles/theme/theme-light/blue/theme.css deleted file mode 100644 index bf1985f..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/blue/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#3b82f6; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --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); - --highlight-bg: #eff6ff; - --highlight-text-color: #1d4ed8; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - 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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #3b82f6; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: #3b82f6; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #1d4ed8; - background: #eff6ff; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: #3b82f6; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - 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: #4b5563; - 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: #d1d5db; - color: #4b5563; - 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 #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - 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 #e5e7eb; - 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #1d4ed8; - background: #eff6ff; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #3b82f6; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: #3b82f6; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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: #b9bfc8; - } - .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 > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - 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 .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: #3b82f6; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - 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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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 { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: #3b82f6; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #3b82f6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #3b82f6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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: #e5e7eb; - 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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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 #d1d5db; - 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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - 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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - 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:not(:disabled):hover { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; - } - .p-button:not(:disabled):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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3b82f6; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3b82f6; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #3b82f6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3b82f6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3b82f6; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: transparent; - color: #1d4ed8; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #bfdbfe; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3b82f6; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3b82f6; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #3b82f6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3b82f6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(: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: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - 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: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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-visible { - box-shadow: inset 0 0 0 0.15rem #bfdbfe; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - 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-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #3b82f6; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - 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 #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #1d4ed8; - background: #eff6ff; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #1d4ed8; - background: #eff6ff; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(59, 130, 246, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - 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: #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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - 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 { - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - 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: #6b7280; - } - .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: #4b5563; - } - .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: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 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 #e5e7eb; - background-color: #ffffff; - color: #4b5563; - 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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #bfdbfe; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #3b82f6; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #bfdbfe; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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-visible { - 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: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #3b82f6; - border-style: dashed; - background-color: #eff6ff; - } - .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 #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bfdbfe; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #bfdbfe; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #bfdbfe; - } - .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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - 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: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1d4ed8; - background: #eff6ff; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1d4ed8; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1d4ed8; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(59, 130, 246, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - 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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #e5e7eb; - color: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #bfdbfe; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .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: #e5e7eb; - 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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-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; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.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: #f9fafb; - border: 1px solid #e5e7eb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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 .fc-highlight { - color: #1d4ed8; - background: #eff6ff; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/blue/theme.scss b/tiles/assets/layout/styles/theme/theme-light/blue/theme.scss deleted file mode 100644 index b9bfece..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/blue/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #3b82f6 !default; -$primaryLightColor: #bfdbfe !default; -$primaryDarkColor: #2563eb !default; -$primaryDarkerColor: #1d4ed8 !default; -$primaryTextColor: #ffffff !default; -$primary500: #3b82f6 !default; - -$highlightBg: #eff6ff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/cyan/theme.css b/tiles/assets/layout/styles/theme/theme-light/cyan/theme.css deleted file mode 100644 index 4003124..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/cyan/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#06b6d4; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #a5f3fc; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #ecfeff; - --highlight-text-color: #0e7490; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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:#f3fbfd; - --primary-100:#c3edf5; - --primary-200:#94e0ed; - --primary-300:#65d2e4; - --primary-400:#35c4dc; - --primary-500:#06b6d4; - --primary-600:#059bb4; - --primary-700:#047f94; - --primary-800:#036475; - --primary-900:#024955; -} - -.p-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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: #06b6d4; -} -.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: #06b6d4; -} -.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: #06b6d4; -} -.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: #06b6d4; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #06b6d4; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #4b5563; - 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: #06b6d4; - } - .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: #0e7490; - background: #ecfeff; - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-datepicker table td.p-datepicker-today > span { - background: #d1d5db; - color: #4b5563; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #0e7490; - background: #ecfeff; - } - .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: #0e7490; - background: #ecfeff; - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #e5e7eb; - 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: #f3f4f6; - } - .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 #a5f3fc; - } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #a5f3fc; - } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #a5f3fc; - } - - p-calendar.p-calendar-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #06b6d4; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; - } - .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #06b6d4; - background: #06b6d4; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #06b6d4; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0e7490; - background: #0e7490; - 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: #f3f4f6; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #06b6d4; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f3f4f6; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0e7490; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #06b6d4; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #06b6d4; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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 #a5f3fc; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b9bfc8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #06b6d4; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #0891b2; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #06b6d4; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #06b6d4; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #06b6d4; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .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: #06b6d4; - background: #06b6d4; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0e7490; - background: #0e7490; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #06b6d4; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0e7490; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #06b6d4; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #06b6d4; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-selectbutton .p-button.p-highlight { - background: #06b6d4; - border-color: #06b6d4; - 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: #0891b2; - border-color: #0891b2; - 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: #e5e7eb; - 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 #06b6d4; - 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 #a5f3fc; - } - .p-slider .p-slider-range { - background: #06b6d4; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #06b6d4; - border-color: #06b6d4; - } - .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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-togglebutton.p-button.p-highlight { - background: #06b6d4; - border-color: #06b6d4; - 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: #0891b2; - border-color: #0891b2; - 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 #d1d5db; - 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: #06b6d4; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; - } - .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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - right: 3rem; - } - - .p-button { - color: #ffffff; - background: #06b6d4; - border: 1px solid #06b6d4; - 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:not(:disabled):hover { - background: #0891b2; - color: #ffffff; - border-color: #0891b2; - } - .p-button:not(:disabled):active { - background: #0e7490; - color: #ffffff; - border-color: #0e7490; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #06b6d4; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(6, 182, 212, 0.04); - color: #06b6d4; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(6, 182, 212, 0.16); - color: #06b6d4; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #06b6d4; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(6, 182, 212, 0.04); - color: #06b6d4; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(6, 182, 212, 0.16); - color: #06b6d4; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #06b6d4; - 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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; - } - - .p-button.p-button-link { - color: #0e7490; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #0e7490; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #0e7490; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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: #06b6d4; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(6, 182, 212, 0.04); - color: #06b6d4; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(6, 182, 212, 0.16); - color: #06b6d4; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #06b6d4; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(6, 182, 212, 0.04); - color: #06b6d4; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(6, 182, 212, 0.16); - color: #06b6d4; - border-color: transparent; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #d1d5db; - 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: #9ca3af; - } - .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #ecfeff; - color: #0e7490; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #0e7490; - background: #ecfeff; - margin-left: 0.5rem; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-datatable .p-sortable-column.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0e7490; - } - .p-datatable .p-sortable-column.p-highlight:hover { - background: #ecfeff; - color: #0e7490; - } - .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #0e7490; - } - .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #a5f3fc; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #ecfeff; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #ecfeff; - } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #06b6d4; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #ecfeff; - color: #0e7490; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #0e7490; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #0e7490; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #ecfeff; - color: #0e7490; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #0e7490; - background: #ecfeff; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #6df7ff; - } - .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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #ecfeff; - border-color: #ecfeff; - color: #0e7490; - } - .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #0e7490; - background: #ecfeff; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(6, 182, 212, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #06b6d4; - 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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6b7280; - } - .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: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .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: #0e7490; - } - .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: #0e7490; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #8af9ff; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #e5e7eb; - background-color: #ffffff; - color: #4b5563; - padding: 0.5rem; - transition: box-shadow 0.2s; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #ecfeff; - color: #0e7490; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0e7490; - } - .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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #a5f3fc; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #0e7490; - background: #ecfeff; - margin-left: 0.5rem; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-treetable .p-sortable-column.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0e7490; - } - .p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #a5f3fc; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #ecfeff; - color: #0e7490; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #0e7490; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #0e7490; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #06b6d4; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #06b6d4; - color: #06b6d4; - } - .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: #06b6d4; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #06b6d4; - 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: #0891b2; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #a5f3fc; - } - .p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #06b6d4; - border-style: dashed; - background-color: #ecfeff; - } - .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: #0891b2; - color: #ffffff; - border-color: #0891b2; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #0e7490; - color: #ffffff; - border-color: #0e7490; - } - - .p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #06b6d4; - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-slidemenu .p-menuitem-badge { - background: #06b6d4; - 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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #ecfeff; - color: #0e7490; - } - .p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #06b6d4; - 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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a5f3fc; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #06b6d4; - color: #06b6d4; - } - .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: #06b6d4; - 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 #a5f3fc; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0e7490; - background: #ecfeff; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(6, 182, 212, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #ecfeff; - color: #0e7490; - } - .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: #ecfeff; - color: #0e7490; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #06b6d4; - 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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e5e7eb; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #06b6d4; - } - .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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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: #06b6d4; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #06b6d4; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #06b6d4; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 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 #06b6d4; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #06b6d4; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #0891b2; - border: 1px solid #0891b2; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f9fafb; - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #06b6d4; - border: 1px solid #06b6d4; - 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: #0891b2; - color: #ffffff; - border-color: #0891b2; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0e7490; - color: #ffffff; - border-color: #0e7490; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; -} -.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 #a5f3fc; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #06b6d4; - border-color: #06b6d4; - 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: #0891b2; - border-color: #0891b2; - 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 #a5f3fc; - 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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0891b2; - border-color: #0891b2; -} -.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: #0891b2; - border-color: #0891b2; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #06b6d4; - border: 1px solid #06b6d4; - 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: #0891b2; - color: #ffffff; - border-color: #0891b2; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0e7490; - color: #ffffff; - border-color: #0e7490; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #06b6d4; - border: 1px solid #06b6d4; -} -.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 #a5f3fc; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #06b6d4; - border-color: #06b6d4; - 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: #0891b2; - border-color: #0891b2; - 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 #a5f3fc; - 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 .fc-highlight { - color: #0e7490; - background: #ecfeff; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/cyan/theme.scss b/tiles/assets/layout/styles/theme/theme-light/cyan/theme.scss deleted file mode 100644 index ccabde4..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/cyan/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #06b6d4 !default; -$primaryLightColor: #a5f3fc !default; -$primaryDarkColor: #0891b2 !default; -$primaryDarkerColor: #0e7490 !default; -$primaryTextColor: #ffffff !default; -$primary500: #06b6d4 !default; - -$highlightBg: #ecfeff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/green/theme.css b/tiles/assets/layout/styles/theme/theme-light/green/theme.css deleted file mode 100644 index 2d8af5a..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/green/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#10b981; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #a7f3d0; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #ecfdf5; - --highlight-text-color: #047857; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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:#f3fcf9; - --primary-100:#c6eee1; - --primary-200:#98e1c9; - --primary-300:#6bd4b1; - --primary-400:#3dc699; - --primary-500:#10b981; - --primary-600:#0e9d6e; - --primary-700:#0b825a; - --primary-800:#096647; - --primary-900:#064a34; -} - -.p-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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: #10b981; -} -.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: #10b981; -} -.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: #10b981; -} -.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: #10b981; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #10b981; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #4b5563; - 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: #10b981; - } - .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: #047857; - background: #ecfdf5; - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-datepicker table td.p-datepicker-today > span { - background: #d1d5db; - color: #4b5563; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #047857; - background: #ecfdf5; - } - .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: #047857; - background: #ecfdf5; - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #e5e7eb; - 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: #f3f4f6; - } - .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 #a7f3d0; - } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #a7f3d0; - } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #a7f3d0; - } - - p-calendar.p-calendar-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #10b981; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; - } - .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #10b981; - background: #10b981; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #10b981; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #047857; - background: #047857; - 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: #f3f4f6; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #10b981; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f3f4f6; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #047857; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #10b981; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #10b981; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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 #a7f3d0; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b9bfc8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #10b981; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #059669; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #10b981; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #10b981; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #10b981; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .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: #10b981; - background: #10b981; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #047857; - background: #047857; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #10b981; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #047857; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #10b981; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #10b981; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-selectbutton .p-button.p-highlight { - background: #10b981; - border-color: #10b981; - 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: #059669; - border-color: #059669; - 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: #e5e7eb; - 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 #10b981; - 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 #a7f3d0; - } - .p-slider .p-slider-range { - background: #10b981; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #10b981; - border-color: #10b981; - } - .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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-togglebutton.p-button.p-highlight { - background: #10b981; - border-color: #10b981; - 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: #059669; - border-color: #059669; - 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 #d1d5db; - 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: #10b981; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; - } - .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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - right: 3rem; - } - - .p-button { - color: #ffffff; - background: #10b981; - border: 1px solid #10b981; - 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:not(:disabled):hover { - background: #059669; - color: #ffffff; - border-color: #059669; - } - .p-button:not(:disabled):active { - background: #047857; - color: #ffffff; - border-color: #047857; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #10b981; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #10b981; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #10b981; - 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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; - } - - .p-button.p-button-link { - color: #047857; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #047857; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #047857; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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: #10b981; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #10b981; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; - border-color: transparent; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #d1d5db; - 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: #9ca3af; - } - .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #ecfdf5; - color: #047857; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #047857; - background: #ecfdf5; - margin-left: 0.5rem; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-datatable .p-sortable-column.p-highlight { - background: #ecfdf5; - color: #047857; - } - .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #047857; - } - .p-datatable .p-sortable-column.p-highlight:hover { - background: #ecfdf5; - color: #047857; - } - .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #047857; - } - .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #a7f3d0; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #ecfdf5; - color: #047857; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #ecfdf5; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #ecfdf5; - } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #10b981; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #ecfdf5; - color: #047857; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #047857; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #047857; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #ecfdf5; - color: #047857; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #047857; - background: #ecfdf5; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #ecfdf5; - color: #047857; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #79f1b8; - } - .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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #ecfdf5; - border-color: #ecfdf5; - color: #047857; - } - .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #047857; - background: #ecfdf5; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #10b981; - 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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6b7280; - } - .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: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #ecfdf5; - color: #047857; - } - .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: #047857; - } - .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: #047857; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #94f4c6; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #e5e7eb; - background-color: #ffffff; - color: #4b5563; - padding: 0.5rem; - transition: box-shadow 0.2s; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #ecfdf5; - color: #047857; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #047857; - } - .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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #a7f3d0; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #047857; - background: #ecfdf5; - margin-left: 0.5rem; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-treetable .p-sortable-column.p-highlight { - background: #ecfdf5; - color: #047857; - } - .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #047857; - } - .p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #a7f3d0; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #ecfdf5; - color: #047857; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #047857; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #047857; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #10b981; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #10b981; - color: #10b981; - } - .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: #10b981; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #10b981; - 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: #059669; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #a7f3d0; - } - .p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #10b981; - border-style: dashed; - background-color: #ecfdf5; - } - .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: #059669; - color: #ffffff; - border-color: #059669; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #047857; - color: #ffffff; - border-color: #047857; - } - - .p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #10b981; - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-slidemenu .p-menuitem-badge { - background: #10b981; - 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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #ecfdf5; - color: #047857; - } - .p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #10b981; - 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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a7f3d0; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #10b981; - color: #10b981; - } - .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: #10b981; - 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 #a7f3d0; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #047857; - background: #ecfdf5; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #047857; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #ecfdf5; - color: #047857; - } - .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: #ecfdf5; - color: #047857; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #10b981; - 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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e5e7eb; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #10b981; - } - .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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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: #10b981; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #10b981; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #10b981; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 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 #10b981; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #10b981; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #059669; - border: 1px solid #059669; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f9fafb; - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #10b981; - border: 1px solid #10b981; - 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: #059669; - color: #ffffff; - border-color: #059669; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #047857; - color: #ffffff; - border-color: #047857; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; -} -.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 #a7f3d0; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #10b981; - border-color: #10b981; - 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: #059669; - border-color: #059669; - 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 #a7f3d0; - 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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #059669; - border-color: #059669; -} -.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: #059669; - border-color: #059669; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #10b981; - border: 1px solid #10b981; - 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: #059669; - color: #ffffff; - border-color: #059669; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #047857; - color: #ffffff; - border-color: #047857; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #10b981; - border: 1px solid #10b981; -} -.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 #a7f3d0; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #10b981; - border-color: #10b981; - 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: #059669; - border-color: #059669; - 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 #a7f3d0; - 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 .fc-highlight { - color: #047857; - background: #ecfdf5; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/green/theme.scss b/tiles/assets/layout/styles/theme/theme-light/green/theme.scss deleted file mode 100644 index e6110e8..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/green/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #10b981 !default; -$primaryLightColor: #a7f3d0 !default; -$primaryDarkColor: #059669 !default; -$primaryDarkerColor: #047857 !default; -$primaryTextColor: #ffffff !default; -$primary500: #10b981 !default; - -$highlightBg: #ecfdf5 !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/indigo/theme.css b/tiles/assets/layout/styles/theme/theme-light/indigo/theme.css deleted file mode 100644 index 77d41a1..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/indigo/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#6366f1; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --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); - --highlight-bg: #eef2ff; - --highlight-text-color: #4338ca; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - 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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #6366f1; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: #6366f1; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #4338ca; - background: #eef2ff; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: #6366f1; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - 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: #4b5563; - 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: #d1d5db; - color: #4b5563; - 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 #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - 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 #e5e7eb; - 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #4338ca; - background: #eef2ff; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #6366f1; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: #6366f1; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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: #b9bfc8; - } - .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 > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - 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 .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: #6366f1; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - 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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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 { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: #6366f1; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #6366f1; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #6366f1; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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: #e5e7eb; - 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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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 #d1d5db; - 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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - 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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - 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:not(:disabled):hover { - background: #4f46e5; - color: #ffffff; - border-color: #4f46e5; - } - .p-button:not(:disabled):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:not(:disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #6366f1; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(99, 102, 241, 0.16); - color: #6366f1; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #6366f1; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #6366f1; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(99, 102, 241, 0.16); - color: #6366f1; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: transparent; - color: #4338ca; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #c7d2fe; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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:not(:disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #6366f1; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(99, 102, 241, 0.16); - color: #6366f1; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #6366f1; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #6366f1; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(: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: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - 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: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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-visible { - box-shadow: inset 0 0 0 0.15rem #c7d2fe; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - 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-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #6366f1; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - 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 #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #4338ca; - background: #eef2ff; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #4338ca; - background: #eef2ff; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(99, 102, 241, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - 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: #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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - 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 { - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - 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: #6b7280; - } - .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: #4b5563; - } - .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: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 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 #e5e7eb; - background-color: #ffffff; - color: #4b5563; - 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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #c7d2fe; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #6366f1; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #c7d2fe; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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-visible { - 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: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #6366f1; - border-style: dashed; - background-color: #eef2ff; - } - .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 #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7d2fe; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #c7d2fe; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #c7d2fe; - } - .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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - 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: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4338ca; - background: #eef2ff; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4338ca; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4338ca; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(99, 102, 241, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - 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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #e5e7eb; - color: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #c7d2fe; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .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: #e5e7eb; - 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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-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; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.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: #f9fafb; - border: 1px solid #e5e7eb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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 .fc-highlight { - color: #4338ca; - background: #eef2ff; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/indigo/theme.scss b/tiles/assets/layout/styles/theme/theme-light/indigo/theme.scss deleted file mode 100644 index f717386..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/indigo/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #6366f1 !default; -$primaryLightColor: #c7d2fe !default; -$primaryDarkColor: #4f46e5 !default; -$primaryDarkerColor: #4338ca !default; -$primaryTextColor: #ffffff !default; -$primary500: #6366f1 !default; - -$highlightBg: #eef2ff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/orange/theme.css b/tiles/assets/layout/styles/theme/theme-light/orange/theme.css deleted file mode 100644 index 2f27076..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/orange/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#f59e0b; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #fde68a; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #fffbeb; - --highlight-text-color: #b45309; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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:#fffaf3; - --primary-100:#fde8c4; - --primary-200:#fbd596; - --primary-300:#f9c368; - --primary-400:#f7b039; - --primary-500:#f59e0b; - --primary-600:#d08609; - --primary-700:#ac6f08; - --primary-800:#875706; - --primary-900:#623f04; -} - -.p-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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: #f59e0b; -} -.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: #f59e0b; -} -.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: #f59e0b; -} -.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: #f59e0b; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #f59e0b; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #4b5563; - 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: #f59e0b; - } - .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: #b45309; - background: #fffbeb; - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-datepicker table td.p-datepicker-today > span { - background: #d1d5db; - color: #4b5563; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #b45309; - background: #fffbeb; - } - .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: #b45309; - background: #fffbeb; - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #e5e7eb; - 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: #f3f4f6; - } - .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 #fde68a; - } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #fde68a; - } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #fde68a; - } - - p-calendar.p-calendar-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #f59e0b; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; - } - .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #f59e0b; - background: #f59e0b; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #f59e0b; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #b45309; - background: #b45309; - 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: #f3f4f6; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #f59e0b; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f3f4f6; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #b45309; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #f59e0b; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #f59e0b; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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 #fde68a; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b9bfc8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #f59e0b; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #d97706; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #f59e0b; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #f59e0b; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #f59e0b; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .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: #f59e0b; - background: #f59e0b; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #b45309; - background: #b45309; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #f59e0b; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #b45309; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #f59e0b; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #f59e0b; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-selectbutton .p-button.p-highlight { - background: #f59e0b; - border-color: #f59e0b; - 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: #d97706; - border-color: #d97706; - 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: #e5e7eb; - 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 #f59e0b; - 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 #fde68a; - } - .p-slider .p-slider-range { - background: #f59e0b; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #f59e0b; - border-color: #f59e0b; - } - .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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-togglebutton.p-button.p-highlight { - background: #f59e0b; - border-color: #f59e0b; - 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: #d97706; - border-color: #d97706; - 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 #d1d5db; - 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: #f59e0b; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: #f59e0b; - } - .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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - right: 3rem; - } - - .p-button { - color: #ffffff; - background: #f59e0b; - border: 1px solid #f59e0b; - 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:not(:disabled):hover { - background: #d97706; - color: #ffffff; - border-color: #d97706; - } - .p-button:not(:disabled):active { - background: #b45309; - color: #ffffff; - border-color: #b45309; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #f59e0b; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #f59e0b; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #f59e0b; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #f59e0b; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #f59e0b; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #f59e0b; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #f59e0b; - 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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; - } - - .p-button.p-button-link { - color: #b45309; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #b45309; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #fde68a; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #b45309; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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: #f59e0b; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #f59e0b; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #f59e0b; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #f59e0b; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #f59e0b; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #f59e0b; - border-color: transparent; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #d1d5db; - 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: #9ca3af; - } - .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #fffbeb; - color: #b45309; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #b45309; - background: #fffbeb; - margin-left: 0.5rem; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-datatable .p-sortable-column.p-highlight { - background: #fffbeb; - color: #b45309; - } - .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #b45309; - } - .p-datatable .p-sortable-column.p-highlight:hover { - background: #fffbeb; - color: #b45309; - } - .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #b45309; - } - .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #fde68a; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #fde68a; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #fffbeb; - color: #b45309; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #fffbeb; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fffbeb; - } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #f59e0b; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #fffbeb; - color: #b45309; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #b45309; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #b45309; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #fffbeb; - color: #b45309; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #b45309; - background: #fffbeb; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fde68a; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #fffbeb; - color: #b45309; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #ffe26c; - } - .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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #fffbeb; - border-color: #fffbeb; - color: #b45309; - } - .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #b45309; - background: #fffbeb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(245, 158, 11, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #f59e0b; - 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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fde68a; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6b7280; - } - .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: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #fffbeb; - color: #b45309; - } - .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: #b45309; - } - .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: #b45309; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #ffe789; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #e5e7eb; - background-color: #ffffff; - color: #4b5563; - padding: 0.5rem; - transition: box-shadow 0.2s; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #fffbeb; - color: #b45309; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #b45309; - } - .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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #fde68a; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #b45309; - background: #fffbeb; - margin-left: 0.5rem; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-treetable .p-sortable-column.p-highlight { - background: #fffbeb; - color: #b45309; - } - .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #b45309; - } - .p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #fde68a; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #fffbeb; - color: #b45309; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #b45309; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #b45309; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #f59e0b; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #f59e0b; - color: #f59e0b; - } - .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: #f59e0b; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #f59e0b; - 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: #d97706; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #fde68a; - } - .p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #f59e0b; - border-style: dashed; - background-color: #fffbeb; - } - .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: #d97706; - color: #ffffff; - border-color: #d97706; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #b45309; - color: #ffffff; - border-color: #b45309; - } - - .p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fde68a; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #f59e0b; - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-slidemenu .p-menuitem-badge { - background: #f59e0b; - 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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #fffbeb; - color: #b45309; - } - .p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #f59e0b; - 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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #fde68a; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #f59e0b; - color: #f59e0b; - } - .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: #f59e0b; - 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 #fde68a; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #b45309; - background: #fffbeb; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #b45309; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(245, 158, 11, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #fffbeb; - color: #b45309; - } - .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: #fffbeb; - color: #b45309; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #f59e0b; - 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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e5e7eb; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #f59e0b; - } - .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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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: #f59e0b; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #f59e0b; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #f59e0b; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 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 #f59e0b; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #f59e0b; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #d97706; - border: 1px solid #d97706; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f9fafb; - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #f59e0b; - border: 1px solid #f59e0b; - 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: #d97706; - color: #ffffff; - border-color: #d97706; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #b45309; - color: #ffffff; - border-color: #b45309; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; -} -.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 #fde68a; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #f59e0b; - border-color: #f59e0b; - 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: #d97706; - border-color: #d97706; - 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 #fde68a; - 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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #d97706; - border-color: #d97706; -} -.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: #d97706; - border-color: #d97706; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #f59e0b; - border: 1px solid #f59e0b; - 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: #d97706; - color: #ffffff; - border-color: #d97706; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #b45309; - color: #ffffff; - border-color: #b45309; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fde68a; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #f59e0b; - border: 1px solid #f59e0b; -} -.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 #fde68a; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #f59e0b; - border-color: #f59e0b; - 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: #d97706; - border-color: #d97706; - 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 #fde68a; - 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 .fc-highlight { - color: #b45309; - background: #fffbeb; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/orange/theme.scss b/tiles/assets/layout/styles/theme/theme-light/orange/theme.scss deleted file mode 100644 index dd3ae34..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/orange/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #f59e0b !default; -$primaryLightColor: #fde68a !default; -$primaryDarkColor: #d97706 !default; -$primaryDarkerColor: #b45309 !default; -$primaryTextColor: #ffffff !default; -$primary500: #f59e0b !default; - -$highlightBg: #fffbeb !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/pink/theme.css b/tiles/assets/layout/styles/theme/theme-light/pink/theme.css deleted file mode 100644 index 05dcd49..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/pink/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#d946ef; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #f5d0fe; - --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #fdf4ff; - --highlight-text-color: #a21caf; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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:#fdf6fe; - --primary-100:#f6d3fb; - --primary-200:#efaff8; - --primary-300:#e78cf5; - --primary-400:#e069f2; - --primary-500:#d946ef; - --primary-600:#b83ccb; - --primary-700:#9831a7; - --primary-800:#772783; - --primary-900:#571c60; -} - -.p-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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: #d946ef; -} -.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: #d946ef; -} -.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: #d946ef; -} -.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: #d946ef; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #d946ef; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #4b5563; - 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: #d946ef; - } - .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: #a21caf; - background: #fdf4ff; - } - .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-datepicker table td.p-datepicker-today > span { - background: #d1d5db; - color: #4b5563; - border-color: transparent; - } - .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #a21caf; - background: #fdf4ff; - } - .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: #a21caf; - background: #fdf4ff; - } - .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #e5e7eb; - 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: #f3f4f6; - } - .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 #f5d0fe; - } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #f5d0fe; - } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - } - .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 #f5d0fe; - } - - p-calendar.p-calendar-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #d946ef; - } - .p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; - } - .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 14px; - } - .p-checkbox .p-checkbox-box.p-highlight { - border-color: #d946ef; - background: #d946ef; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #d946ef; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a21caf; - background: #a21caf; - 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: #f3f4f6; - } - .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #d946ef; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f3f4f6; - } - .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a21caf; - } - - .p-checkbox-label { - margin-left: 0.5rem; - } - - p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #d946ef; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #d946ef; - } - .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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 #f5d0fe; - } - .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b9bfc8; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #d946ef; - } - .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; - } - .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #c026d3; - } - - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #d946ef; - } - .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #d946ef; - } - .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #d946ef; - } - .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .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: #d946ef; - background: #d946ef; - } - .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a21caf; - background: #a21caf; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #d946ef; - } - .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a21caf; - } - - .p-radiobutton-label { - margin-left: 0.5rem; - } - - .p-rating { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #d946ef; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #d946ef; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-selectbutton .p-button.p-highlight { - background: #d946ef; - border-color: #d946ef; - 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: #c026d3; - border-color: #c026d3; - 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: #e5e7eb; - 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 #d946ef; - 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 #f5d0fe; - } - .p-slider .p-slider-range { - background: #d946ef; - } - .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #d946ef; - border-color: #d946ef; - } - .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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .p-togglebutton.p-button.p-highlight { - background: #d946ef; - border-color: #d946ef; - 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: #c026d3; - border-color: #c026d3; - 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 #d1d5db; - 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: #d946ef; - } - .p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: #d946ef; - } - .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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - right: 3rem; - } - - .p-button { - color: #ffffff; - background: #d946ef; - border: 1px solid #d946ef; - 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:not(:disabled):hover { - background: #c026d3; - color: #ffffff; - border-color: #c026d3; - } - .p-button:not(:disabled):active { - background: #a21caf; - color: #ffffff; - border-color: #a21caf; - } - .p-button.p-button-outlined { - background-color: transparent; - color: #d946ef; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(217, 70, 239, 0.04); - color: #d946ef; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(217, 70, 239, 0.16); - color: #d946ef; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #d946ef; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(217, 70, 239, 0.04); - color: #d946ef; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(217, 70, 239, 0.16); - color: #d946ef; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #d946ef; - 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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; - } - - .p-button.p-button-link { - color: #a21caf; - background: transparent; - border: transparent; - } - .p-button.p-button-link:not(:disabled):hover { - background: transparent; - color: #a21caf; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #f5d0fe; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):active { - background: transparent; - color: #a21caf; - 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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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: #d946ef; - border: 1px solid; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { - background: rgba(217, 70, 239, 0.04); - color: #d946ef; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(217, 70, 239, 0.16); - color: #d946ef; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #d946ef; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(217, 70, 239, 0.04); - color: #d946ef; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):active { - background: rgba(217, 70, 239, 0.16); - color: #d946ef; - border-color: transparent; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #d1d5db; - 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: #9ca3af; - } - .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #fdf4ff; - color: #a21caf; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #a21caf; - background: #fdf4ff; - margin-left: 0.5rem; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-datatable .p-sortable-column.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #a21caf; - } - .p-datatable .p-sortable-column.p-highlight:hover { - background: #fdf4ff; - color: #a21caf; - } - .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #a21caf; - } - .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #f5d0fe; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; - } - .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #f5d0fe; - outline-offset: -0.15rem; - } - .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #fdf4ff; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #fdf4ff; - } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #d946ef; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #fdf4ff; - color: #a21caf; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #a21caf; - } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #a21caf; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #fdf4ff; - color: #a21caf; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #a21caf; - background: #fdf4ff; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f5d0fe; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #e675ff; - } - .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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #fdf4ff; - border-color: #fdf4ff; - color: #a21caf; - } - .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #a21caf; - background: #fdf4ff; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(217, 70, 239, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-timeline .p-timeline-event-marker { - border: 2px solid #d946ef; - 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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f5d0fe; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6b7280; - } - .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: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .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: #a21caf; - } - .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: #a21caf; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #eb90ff; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #e5e7eb; - background-color: #ffffff; - color: #4b5563; - padding: 0.5rem; - transition: box-shadow 0.2s; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #fdf4ff; - color: #a21caf; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #a21caf; - } - .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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #f5d0fe; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #a21caf; - background: #fdf4ff; - margin-left: 0.5rem; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .p-treetable .p-sortable-column.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #a21caf; - } - .p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #f5d0fe; - outline-offset: -0.15rem; - } - .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #fdf4ff; - color: #a21caf; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #a21caf; - } - .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #a21caf; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #d946ef; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #d946ef; - color: #d946ef; - } - .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: #d946ef; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; - } - .p-dialog .p-dialog-content { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #d946ef; - 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: #c026d3; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #f5d0fe; - } - .p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #d946ef; - border-style: dashed; - background-color: #fdf4ff; - } - .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: #c026d3; - color: #ffffff; - border-color: #c026d3; - } - .p-fileupload-choose:not(.p-disabled):active { - background: #a21caf; - color: #ffffff; - border-color: #a21caf; - } - - .p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f5d0fe; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menu .p-menuitem-badge { - background: #d946ef; - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-slidemenu .p-menuitem-badge { - background: #d946ef; - 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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #fdf4ff; - color: #a21caf; - } - .p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #d946ef; - 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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #f5d0fe; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #d946ef; - color: #d946ef; - } - .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: #d946ef; - 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 #f5d0fe; - } - - .p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #a21caf; - background: #fdf4ff; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #a21caf; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a21caf; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(217, 70, 239, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #fdf4ff; - color: #a21caf; - } - .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: #fdf4ff; - color: #a21caf; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #d946ef; - 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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; - } - - .p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e5e7eb; - border-radius: 6px; - } - .p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #d946ef; - } - .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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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: #d946ef; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #d946ef; - } - - .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #d946ef; - } - - .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #eca3f7, 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 #d946ef; - } - .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #d946ef; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #eca3f7, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #c026d3; - border: 1px solid #c026d3; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f9fafb; - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #d946ef; - border: 1px solid #d946ef; - 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: #c026d3; - color: #ffffff; - border-color: #c026d3; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a21caf; - color: #ffffff; - border-color: #a21caf; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; -} -.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 #f5d0fe; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #d946ef; - border-color: #d946ef; - 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: #c026d3; - border-color: #c026d3; - 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 #f5d0fe; - 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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #c026d3; - border-color: #c026d3; -} -.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: #c026d3; - border-color: #c026d3; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #d946ef; - border: 1px solid #d946ef; - 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: #c026d3; - color: #ffffff; - border-color: #c026d3; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a21caf; - color: #ffffff; - border-color: #a21caf; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #f5d0fe; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #d946ef; - border: 1px solid #d946ef; -} -.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 #f5d0fe; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #d946ef; - border-color: #d946ef; - 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: #c026d3; - border-color: #c026d3; - 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 #f5d0fe; - 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 .fc-highlight { - color: #a21caf; - background: #fdf4ff; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/pink/theme.scss b/tiles/assets/layout/styles/theme/theme-light/pink/theme.scss deleted file mode 100644 index 1f0d1cf..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/pink/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #d946ef !default; -$primaryLightColor: #f5d0fe !default; -$primaryDarkColor: #c026d3 !default; -$primaryDarkerColor: #a21caf !default; -$primaryTextColor: #ffffff !default; -$primary500: #d946ef !default; - -$highlightBg: #fdf4ff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/purple/theme.css b/tiles/assets/layout/styles/theme/theme-light/purple/theme.css deleted file mode 100644 index da83322..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/purple/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#8b5cf6; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --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); - --highlight-bg: #f5f3ff; - --highlight-text-color: #6d28d9; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - 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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #8b5cf6; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: #8b5cf6; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #6d28d9; - background: #f5f3ff; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: #8b5cf6; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - 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: #4b5563; - 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: #d1d5db; - color: #4b5563; - 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 #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - 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 #e5e7eb; - 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #6d28d9; - background: #f5f3ff; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #8b5cf6; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: #8b5cf6; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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: #b9bfc8; - } - .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 > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - 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 .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: #8b5cf6; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - 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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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 { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: #8b5cf6; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #8b5cf6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #8b5cf6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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: #e5e7eb; - 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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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 #d1d5db; - 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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - 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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - 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:not(:disabled):hover { - background: #7c3aed; - color: #ffffff; - border-color: #7c3aed; - } - .p-button:not(:disabled):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:not(:disabled):hover { - background: rgba(139, 92, 246, 0.04); - color: #8b5cf6; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(139, 92, 246, 0.16); - color: #8b5cf6; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #8b5cf6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(139, 92, 246, 0.04); - color: #8b5cf6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(139, 92, 246, 0.16); - color: #8b5cf6; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: transparent; - color: #6d28d9; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #ddd6fe; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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:not(:disabled):hover { - background: rgba(139, 92, 246, 0.04); - color: #8b5cf6; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(139, 92, 246, 0.16); - color: #8b5cf6; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #8b5cf6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(139, 92, 246, 0.04); - color: #8b5cf6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(: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: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - 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: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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-visible { - box-shadow: inset 0 0 0 0.15rem #ddd6fe; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - 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-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #8b5cf6; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - 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 #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #6d28d9; - background: #f5f3ff; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #6d28d9; - background: #f5f3ff; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(139, 92, 246, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - 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: #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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - 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 { - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - 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: #6b7280; - } - .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: #4b5563; - } - .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: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 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 #e5e7eb; - background-color: #ffffff; - color: #4b5563; - 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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #ddd6fe; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #8b5cf6; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ddd6fe; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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-visible { - 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: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #8b5cf6; - border-style: dashed; - background-color: #f5f3ff; - } - .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 #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ddd6fe; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ddd6fe; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ddd6fe; - } - .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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - 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: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #6d28d9; - background: #f5f3ff; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #6d28d9; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6d28d9; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(139, 92, 246, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - 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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #e5e7eb; - color: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ddd6fe; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .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: #e5e7eb; - 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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-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; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.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: #f9fafb; - border: 1px solid #e5e7eb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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 .fc-highlight { - color: #6d28d9; - background: #f5f3ff; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/purple/theme.scss b/tiles/assets/layout/styles/theme/theme-light/purple/theme.scss deleted file mode 100644 index 9d63e48..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/purple/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #8b5cf6 !default; -$primaryLightColor: #ddd6fe !default; -$primaryDarkColor: #7c3aed !default; -$primaryDarkerColor: #6d28d9 !default; -$primaryTextColor: #ffffff !default; -$primary500: #8b5cf6 !default; - -$highlightBg: #f5f3ff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/assets/layout/styles/theme/theme-light/teal/theme.css b/tiles/assets/layout/styles/theme/theme-light/teal/theme.css deleted file mode 100644 index 87a13fb..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/teal/theme.css +++ /dev/null @@ -1,6585 +0,0 @@ -:root { - font-family: "Poppins", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family:"Poppins", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#14b8a6; - --primary-color-text:#ffffff; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f3f4f6; - --surface-200: #e5e7eb; - --surface-300: #d1d5db; - --surface-400: #9ca3af; - --surface-500: #6b7280; - --surface-600: #4b5563; - --surface-700: #374151; - --surface-800: #1f2937; - --surface-900: #111827; - --gray-50: #f9fafb; - --gray-100: #f3f4f6; - --gray-200: #e5e7eb; - --gray-300: #d1d5db; - --gray-400: #9ca3af; - --gray-500: #6b7280; - --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #1f2937; - --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --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); - --highlight-bg: #f0fdfa; - --highlight-text-color: #0f766e; - color-scheme: light; - --transition-duration: 0.2s; -} - -: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-editor-container .p-editor-toolbar { - background: #f9fafb; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6b7280; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4b5563; -} -.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: #4b5563; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4b5563; - background: #f3f4f6; -} -.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 #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4b5563; - 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: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4b5563; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4b5563; -} -.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; -} - -@layer primeng { - * { - box-sizing: border-box; - } - - .p-component { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - 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: #6b7280; - } - - .pi { - font-size: 1rem; - } - - .p-icon { - width: 1rem; - height: 1rem; - } - - .p-link { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - } - .p-link:focus-visible { - 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; - } - } - - .p-autocomplete .p-autocomplete-loader { - right: 0.75rem; - } - .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; - } - .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #14b8a6; - } - .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; - } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - padding: 0; - margin: 0; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; - } - - .p-autocomplete-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #0f766e; - background: #f0fdfa; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; - } - - p-autocomplete.p-autocomplete-clearable .p-inputtext { - padding-right: 2.5rem; - } - p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6b7280; - right: 0.75rem; - } - - p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6b7280; - right: 3.75rem; - } - - p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; - } - - .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; - } - - .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #4b5563; - border: 1px solid #d1d5db; - 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: #4b5563; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - 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: #4b5563; - 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: #d1d5db; - color: #4b5563; - 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 #e5e7eb; - } - .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; - } - .p-datepicker .p-timepicker { - border-top: 1px solid #e5e7eb; - padding: 0.5rem; - } - .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datepicker .p-timepicker button:focus-visible { - 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 #e5e7eb; - 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #f3f4f6; - } - .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: #6b7280; - right: 0.75rem; - } - - p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-cascadeselect.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-cascadeselect-panel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #0f766e; - background: #f0fdfa; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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-group-icon { - font-size: 0.875rem; - } - - .p-input-filled .p-cascadeselect { - background: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } - - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { - padding-right: 0.75rem; - } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6b7280; - 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 #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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-icon { - width: 14px; - height: 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: #f3f4f6; - } - .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: #f3f4f6; - } - .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-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; - } - - .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #14b8a6; - } - .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; - } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; - color: #4b5563; - } - .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: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - 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: #6b7280; - 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 #d1d5db; - 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: #6b7280; - } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; - } - .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6b7280; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .p-dropdown .p-dropdown-clear-icon { - color: #6b7280; - right: 3rem; - } - .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; - } - - .p-dropdown-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-dropdown { - background: #f3f4f6; - } - .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; - } - - .p-inputgroup-addon { - background: #f3f4f6; - color: #6b7280; - border-top: 1px solid #d1d5db; - border-left: 1px solid #d1d5db; - border-bottom: 1px solid #d1d5db; - padding: 0.75rem 0.75rem; - min-width: 3rem; - } - .p-inputgroup-addon:last-child { - border-right: 1px solid #d1d5db; - } - - .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: #6b7280; - 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: #6b7280; - 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: #d1d5db; - 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: #b9bfc8; - } - .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 > .p-inputswitch-slider { - border-color: #e24c4c; - } - - .p-inputtext { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4b5563; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d1d5db; - 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: #6b7280; - transition-duration: 0.2s; - } - - .p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; - } - - .p-input-icon-left > .p-icon-wrapper.p-icon, -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6b7280; - } - - .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 > .p-icon-wrapper, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6b7280; - } - - .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; - } - - ::-webkit-input-placeholder { - color: #6b7280; - } - - :-moz-placeholder { - color: #6b7280; - } - - ::-moz-placeholder { - color: #6b7280; - } - - :-ms-input-placeholder { - color: #6b7280; - } - - .p-input-filled .p-inputtext { - background-color: #f3f4f6; - } - .p-input-filled .p-inputtext:enabled:hover { - background-color: #f3f4f6; - } - .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: #4b5563; - border: 1px solid #d1d5db; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list { - padding: 0.75rem 0; - outline: 0 none; - } - .p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #4b5563; - 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 .p-checkbox { - margin-right: 0.5rem; - } - .p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - } - .p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .p-listbox.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; - } - - p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; - } - - .p-multiselect { - background: #ffffff; - border: 1px solid #d1d5db; - 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: #6b7280; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; - } - .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6b7280; - 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-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - .p-multiselect-clearable .p-multiselect-clear-icon { - color: #6b7280; - right: 3rem; - } - - .p-multiselect-panel { - background: #ffffff; - color: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - 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: #4b5563; - 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.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4b5563; - background: #f3f4f6; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - } - .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - background: transparent; - } - - .p-input-filled .p-multiselect { - background: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; - } - - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - - p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; - } - - .p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #4b5563; - 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: #e5e7eb; - } - .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: #6b7280; - 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: #6b7280; - right: 2.5rem; - } - - .p-radiobutton { - width: 22px; - height: 22px; - } - .p-radiobutton .p-radiobutton-box { - border: 2px solid #d1d5db; - background: #ffffff; - width: 22px; - height: 22px; - color: #4b5563; - 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: #f3f4f6; - } - .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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 { - gap: 0.5rem; - } - .p-rating .p-rating-item .p-rating-icon { - color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-icon { - width: 1.143rem; - height: 1.143rem; - } - .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #ea5455; - } - .p-rating .p-rating-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; - } - .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #14b8a6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #14b8a6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #e73d3e; - } - - .p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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: #e5e7eb; - 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 #d1d5db; - color: #4b5563; - 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: #6b7280; - } - .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; - } - .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: #374151; - } - .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 #d1d5db; - 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: #6b7280; - } - .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #4b5563; - border-radius: 16px; - } - .p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6b7280; - 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: #4b5563; - 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 #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #6b7280; - } - .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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { - 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: #4b5563; - background: transparent; - } - - .p-input-filled .p-treeselect { - background: #f3f4f6; - } - .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f3f4f6; - } - .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: #6b7280; - 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:not(:disabled):hover { - background: #0d9488; - color: #ffffff; - border-color: #0d9488; - } - .p-button:not(:disabled):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:not(:disabled):hover { - background: rgba(20, 184, 166, 0.04); - color: #14b8a6; - border: 1px solid; - } - .p-button.p-button-outlined:not(:disabled):active { - background: rgba(20, 184, 166, 0.16); - color: #14b8a6; - border: 1px solid; - } - .p-button.p-button-outlined.p-button-plain { - color: #6b7280; - border-color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-button.p-button-text { - background-color: transparent; - color: #14b8a6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):hover { - background: rgba(20, 184, 166, 0.04); - color: #14b8a6; - border-color: transparent; - } - .p-button.p-button-text:not(:disabled):active { - background: rgba(20, 184, 166, 0.16); - color: #14b8a6; - border-color: transparent; - } - .p-button.p-button-text.p-button-plain { - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; - } - .p-button.p-button-secondary:not(:disabled):focus, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; - } - .p-button.p-button-secondary:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; - } - .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-button.p-button-secondary.p-button-text:not(:disabled):active, -.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; - } - .p-button.p-button-info:not(:disabled):focus, -.p-buttonset.p-button-info > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-button.p-button-info:not(:disabled):active, -.p-buttonset.p-button-info > .p-button:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; - } - .p-button.p-button-info.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-button.p-button-info.p-button-text:not(:disabled):active, -.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; - } - .p-button.p-button-success:not(:disabled):focus, -.p-buttonset.p-button-success > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; - } - .p-button.p-button-success:not(:disabled):active, -.p-buttonset.p-button-success > .p-button:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; - } - .p-button.p-button-success.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-button.p-button-success.p-button-text:not(:disabled):active, -.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; - } - .p-button.p-button-warning:not(:disabled):focus, -.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; - } - .p-button.p-button-warning:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; - } - .p-button.p-button-warning.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-button.p-button-warning.p-button-text:not(:disabled):active, -.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; - } - .p-button.p-button-help:not(:disabled):focus, -.p-buttonset.p-button-help > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; - } - .p-button.p-button-help:not(:disabled):active, -.p-buttonset.p-button-help > .p-button:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; - } - .p-button.p-button-help.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-button.p-button-help.p-button-text:not(:disabled):active, -.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; - } - .p-button.p-button-danger:not(:disabled):focus, -.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; - } - .p-button.p-button-danger:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; - } - .p-button.p-button-danger.p-button-outlined:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):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:not(:disabled):hover, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-button.p-button-danger.p-button-text:not(:disabled):active, -.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, -.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):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:not(:disabled):hover { - background: transparent; - color: #0f766e; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; - } - .p-button.p-button-link:not(:disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: transparent; - } - .p-button.p-button-link:not(:disabled):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-button.p-button.p-button-icon-only .p-icon { - width: 1.3rem; - height: 1.3rem; - } - - .p-speeddial-list { - outline: 0 none; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - - .p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4b5563; - 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:not(:disabled):hover { - background: rgba(20, 184, 166, 0.04); - color: #14b8a6; - } - .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { - background: rgba(20, 184, 166, 0.16); - color: #14b8a6; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6b7280; - border-color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .p-splitbutton.p-button-text > .p-button { - background-color: transparent; - color: #14b8a6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { - background: rgba(20, 184, 166, 0.04); - color: #14b8a6; - border-color: transparent; - } - .p-splitbutton.p-button-text > .p-button:not(: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: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #f3f4f6; - color: #6b7280; - } - .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #e5e7eb; - color: #6b7280; - } - .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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; - } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; - } - .p-splitbutton.p-button-info.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; - } - .p-splitbutton.p-button-success.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; - } - .p-splitbutton.p-button-warning.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; - } - .p-splitbutton.p-button-help.p-button-text > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(: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:not(:disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; - } - .p-splitbutton.p-button-danger.p-button-text > .p-button:not(: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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, -.p-carousel .p-carousel-content .p-carousel-next:focus-visible { - 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: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-datatable .p-datatable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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-visible { - box-shadow: inset 0 0 0 0.15rem #99f6e4; - outline: 0 none; - } - .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #4b5563; - transition: box-shadow 0.2s; - } - .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - 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-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-datatable .p-column-resizer-helper { - background: #14b8a6; - } - .p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f9fafb; - } - .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: #f9fafb; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-dataview .p-dataview-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f4f6; - color: #374151; - } - .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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - - .p-column-filter-overlay { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #4b5563; - background: #f3f4f6; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - 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 #e5e7eb; - margin: 0.25rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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 #e5e7eb; - } - .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; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #0f766e; - background: #f0fdfa; - } - .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - background: #ffffff; - margin: 0; - } - - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #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: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - - .p-paginator { - background: #ffffff; - color: #6b7280; - border: solid #f3f4f6; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - .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: #6b7280; - 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: #6b7280; - 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: #f3f4f6; - border-color: transparent; - color: #374151; - } - - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #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: #6b7280; - } - .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - outline: 0 none; - } - .p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #4b5563; - background: transparent; - transition: box-shadow 0.2s; - } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #4b5563; - background: #e5e7eb; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #0f766e; - background: #f0fdfa; - } - .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); - } - .p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f4f6; - color: #4b5563; - } - .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: #f3f4f6; - } - - .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: #4b5563; - 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: #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: #4b5563; - padding: 1.25rem; - border-radius: 6px; - } - .p-tree .p-tree-container .p-treenode { - padding: 0.143rem; - outline: 0 none; - } - .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - 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 { - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - 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: #6b7280; - } - .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: #4b5563; - } - .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: #f3f4f6; - color: #4b5563; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f4f6; - color: #4b5563; - } - .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: #6b7280; - } - .p-tree .p-treenode-children { - padding: 0 0 0 1rem; - } - .p-tree .p-tree-loading-icon { - font-size: 2rem; - } - .p-tree .p-tree-loading-icon.p-icon { - width: 2rem; - height: 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 #e5e7eb; - background-color: #ffffff; - color: #4b5563; - 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: #6b7280; - 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: #f3f4f6; - color: #4b5563; - } - .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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-treetable .p-treetable-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - font-weight: 700; - color: #374151; - background: #f9fafb; - } - .p-treetable .p-sortable-column { - outline-color: #99f6e4; - } - .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #374151; - } - .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: #4b5563; - transition: box-shadow 0.2s; - } - .p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e5e7eb; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { - width: 2rem; - height: 2rem; - } - .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: #4b5563; - } - .p-treetable .p-treetable-tbody > tr:focus-visible { - 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: #f3f4f6; - color: #1f2937; - } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #1f2937; - } - .p-treetable .p-column-resizer-helper { - background: #14b8a6; - } - .p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f9fafb; - } - .p-treetable .p-treetable-loading-icon { - font-size: 2rem; - } - .p-treetable .p-treetable-loading-icon.p-icon { - width: 2rem; - height: 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: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - } - .p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #4b5563; - border: 0 none; - padding: 0; - } - .p-virtualscroller .p-virtualscroller-footer { - background: #f9fafb; - color: #374151; - border: 1px solid #e5e7eb; - 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 #e5e7eb; - color: #6b7280; - background: #f9fafb; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99f6e4; - } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - 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: #f3f4f6; - color: #374151; - } - .p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - } - .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 #e5e7eb; - } - .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 #e5e7eb; - } - .p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; - } - - .p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-radius: 6px; - } - .p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - background: #f9fafb; - 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: #374151; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-fieldset .p-fieldset-content { - padding: 1.25rem; - } - - .p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #f9fafb; - color: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - 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: #f9fafb; - border: 0 none; - } - - .p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 6px; - color: #4b5563; - } - .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f9fafb; - } - .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; - } - .p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; - } - - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .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: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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-visible { - 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: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - - .p-confirm-popup { - background: #ffffff; - color: #4b5563; - 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-icon.p-icon { - width: 1.5rem; - height: 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: #374151; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - 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-icon.p-icon { - width: 2rem; - height: 2rem; - } - .p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; - } - - .p-overlaypanel { - background: #ffffff; - color: #4b5563; - 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: #4b5563; - 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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; - } - .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - 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: #4b5563; - 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: #4b5563; - } - .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4b5563; - } - .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4b5563; - } - .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4b5563; - } - - .p-fileupload .p-fileupload-buttonbar { - background: #f9fafb; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #374151; - 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 #e5e7eb; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #14b8a6; - border-style: dashed; - background-color: #f0fdfa; - } - .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 #e5e7eb; - border-radius: 6px; - padding: 1rem; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - } - .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4b5563; - } - .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6b7280; - } - - .p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; - } - .p-contextmenu .p-contextmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-contextmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-contextmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-dock .p-dock-list-container { - 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-list-container .p-dock-list { - outline: 0 none; - } - .p-dock .p-dock-item { - padding: 0.5rem; - border-radius: 6px; - } - .p-dock .p-dock-item.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; - } - .p-dock .p-dock-link { - 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-megamenu .p-megamenu-root-list { - outline: 0 none; - } - .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #4b5563; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - } - .p-megamenu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-megamenu .p-submenu-list { - padding: 0.25rem 0; - width: 12.5rem; - } - .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - - .p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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: #374151; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .p-menu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 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: #f9fafb; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list { - outline: 0 none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 6px; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; - } - - @media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6b7280; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6b7280; - background: #f3f4f6; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { - 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 { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #e5e7eb; - color: #6b7280; - background: #f9fafb; - border-radius: 6px; - transition: box-shadow 0.2s; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99f6e4; - } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #f3f4f6; - border-color: #e5e7eb; - color: #374151; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #e5e7eb; - background: #f3f4f6; - color: #374151; - } - .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #4b5563; - 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-panelmenu-root-list { - outline: 0 none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { - margin-right: 0.5rem; - } - .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { - padding: 0 0 0 1rem; - } - .p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; - } - - .p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .p-slidemenu .p-slidemenu-root-list { - outline: 0 none; - } - .p-slidemenu .p-submenu-list { - outline: 0 none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .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-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; - } - .p-slidemenu .p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #4b5563; - } - .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99f6e4; - } - .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: #4b5563; - border: 1px solid #f3f4f6; - 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: #6b7280; - } - .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - 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: #4b5563; - } - .p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #e5e7eb; - 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: #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 #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - 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-visible { - 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: #9ca3af; - color: #6b7280; - } - .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: #4b5563; - border: 1px solid #e5e7eb; - border-radius: 6px; - width: 12.5rem; - } - .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-tieredmenu-root-list { - outline: 0 none; - } - .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 > .p-menuitem-content { - color: #4b5563; - transition: box-shadow 0.2s; - border-radius: 0; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4b5563; - padding: 0.75rem 1.25rem; - user-select: none; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0f766e; - background: #f0fdfa; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } - .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4b5563; - background: #e5e7eb; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4b5563; - background: #f3f4f6; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4b5563; - } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6b7280; - } - .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #e5e7eb; - margin: 0.25rem 0; - } - .p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; - } - .p-tieredmenu .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - - .p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; - } - .p-inline-message.p-inline-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0px; - color: #3b82f6; - } - .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #3b82f6; - } - .p-inline-message.p-inline-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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-icon { - width: 1rem; - height: 1rem; - } - .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.5); - } - .p-message .p-message-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-message.p-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .p-message.p-message-info .p-message-icon { - color: #3b82f6; - } - .p-message.p-message-info .p-message-close { - color: #3b82f6; - } - .p-message.p-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: 500; - } - .p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; - } - .p-message .p-icon { - width: 1.5rem; - height: 1.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 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-icon:not(.p-toast-icon-close-icon) { - width: 2rem; - height: 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.5); - } - .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-toast .p-toast-message.p-toast-message-info { - background: rgba(219, 234, 254, 0.7); - border: solid #3b82f6; - border-width: 0 0 0 6px; - color: #3b82f6; - } - .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: #3b82f6; - } - .p-toast .p-toast-message.p-toast-message-success { - background: rgba(228, 248, 240, 0.7); - 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: rgba(255, 242, 226, 0.7); - 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: rgba(255, 231, 230, 0.7); - 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: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-item-nav { - background: transparent; - color: #f9fafb; - 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 .p-icon-wrapper .p-icon { - width: 2rem; - height: 2rem; - } - .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f9fafb; - } - .p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f9fafb; - padding: 1rem; - } - .p-galleria .p-galleria-indicators { - padding: 1rem; - } - .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #d1d5db; - 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: #9ca3af; - } - .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: #f9fafb; - 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: #f9fafb; - } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - 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-image-action.p-link .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-avatar { - background-color: #e5e7eb; - 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: #e5e7eb; - color: #4b5563; - 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-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; - } - .p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - } - - .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: #f3f4f6; - color: #4b5563; - } - .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: #e5e7eb; - 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: #f9fafb; - } - .p-scrolltop .p-icon { - width: 1.5rem; - height: 1.5rem; - } - - .p-skeleton { - background-color: #e5e7eb; - 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-tag .p-icon { - width: 0.75rem; - height: 0.75rem; - } - - .p-terminal { - background: #ffffff; - color: #4b5563; - border: 1px solid #e5e7eb; - padding: 1.25rem; - } - .p-terminal .p-terminal-input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - } -} -@layer primevue { - .p-button-label { - font-weight: 500; - } - - .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-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; - } - - .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; - } - - .p-toast-message { - backdrop-filter: blur(10px); - } - - .p-inline-message-text { - font-weight: 500; - } - - .p-picklist-buttons .p-button, -.p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } -} -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f9fafb; - border: 1px solid #e5e7eb; - color: #374151; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #e5e7eb; - color: #4b5563; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-view { - background: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.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: #f9fafb; - border: 1px solid #e5e7eb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f9fafb; - border-color: #e5e7eb; - color: #374151; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #4b5563; - 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: #f9fafb; - color: #374151; -} -.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: #6b7280; - 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: #374151; - border-color: transparent; - background: #f3f4f6; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - 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 #e5e7eb; - background: #ffffff; - color: #4b5563; - 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: #f3f4f6; - color: #4b5563; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f9fafb; -} -.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 #d1d5db; - color: #4b5563; - 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: #f3f4f6; - border-color: #d1d5db; - color: #4b5563; -} -.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 .fc-highlight { - color: #0f766e; - background: #f0fdfa; -} diff --git a/tiles/assets/layout/styles/theme/theme-light/teal/theme.scss b/tiles/assets/layout/styles/theme/theme-light/teal/theme.scss deleted file mode 100644 index 625bf84..0000000 --- a/tiles/assets/layout/styles/theme/theme-light/teal/theme.scss +++ /dev/null @@ -1,15 +0,0 @@ -$primaryColor: #14b8a6 !default; -$primaryLightColor: #99f6e4 !default; -$primaryDarkColor: #0d9488 !default; -$primaryDarkerColor: #0f766e !default; -$primaryTextColor: #ffffff !default; -$primary500: #14b8a6 !default; - -$highlightBg: #f0fdfa !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, 0.24) !default; - -@import '../_variables'; -@import '../../theme-base/_components'; -@import '../_extensions'; -@import '../../extensions/_fullcalendar'; diff --git a/tiles/color.dae87a04d07ca92b.png b/tiles/color.dae87a04d07ca92b.png deleted file mode 100644 index 561cdd9..0000000 Binary files a/tiles/color.dae87a04d07ca92b.png and /dev/null differ diff --git a/tiles/common.bf4ab113bbefc42c.js b/tiles/common.bf4ab113bbefc42c.js deleted file mode 100644 index a98d97f..0000000 --- a/tiles/common.bf4ab113bbefc42c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[592],{5124:(J,b,s)=>{s.d(b,{XZ:()=>p,nD:()=>B});var d=s(6814),e=s(5849),f=s(95),r=s(5219),k=s(4713);let u=(()=>{class t extends k.s{static \u0275fac=(()=>{let n;return function(c){return(n||(n=e.n5z(t)))(c||t)}})();static \u0275cmp=e.Xpm({type:t,selectors:[["CheckIcon"]],standalone:!0,features:[e.qOj,e.jDz],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(a,c){1&a&&(e.O4$(),e.TgZ(0,"svg",0),e._UZ(1,"path",1),e.qZA()),2&a&&(e.Tol(c.getClassNames()),e.uIk("aria-label",c.ariaLabel)("aria-hidden",c.ariaHidden)("role",c.role))},encapsulation:2})}return t})();var h=s(2332);const C=["input"];function g(t,l){if(1&t&&e._UZ(0,"span",10),2&t){const n=e.oxw(3);e.Q6J("ngClass",n.checkboxIcon),e.uIk("data-pc-section","icon")}}function m(t,l){1&t&&e._UZ(0,"CheckIcon",11),2&t&&(e.Q6J("styleClass","p-checkbox-icon"),e.uIk("data-pc-section","icon"))}function _(t,l){if(1&t&&(e.ynx(0),e.YNc(1,g,1,2,"span",8)(2,m,1,2,"CheckIcon",9),e.BQk()),2&t){const n=e.oxw(2);e.xp6(1),e.Q6J("ngIf",n.checkboxIcon),e.xp6(1),e.Q6J("ngIf",!n.checkboxIcon)}}function x(t,l){}function y(t,l){1&t&&e.YNc(0,x,0,0,"ng-template")}function I(t,l){if(1&t&&(e.TgZ(0,"span",12),e.YNc(1,y,1,0,null,13),e.qZA()),2&t){const n=e.oxw(2);e.uIk("data-pc-section","icon"),e.xp6(1),e.Q6J("ngTemplateOutlet",n.checkboxIconTemplate)}}function v(t,l){if(1&t&&(e.ynx(0),e.YNc(1,_,3,2,"ng-container",5)(2,I,2,2,"span",7),e.BQk()),2&t){const n=e.oxw();e.xp6(1),e.Q6J("ngIf",!n.checkboxIconTemplate),e.xp6(1),e.Q6J("ngIf",n.checkboxIconTemplate)}}const T=(t,l,n)=>({"p-checkbox-label":!0,"p-checkbox-label-active":t,"p-disabled":l,"p-checkbox-label-focus":n});function w(t,l){if(1&t){const n=e.EpF();e.TgZ(0,"label",14),e.NdJ("click",function(c){e.CHM(n);const o=e.oxw();return e.KtG(o.onClick(c))}),e._uU(1),e.qZA()}if(2&t){const n=e.oxw();e.Tol(n.labelStyleClass),e.Q6J("ngClass",e.kEZ(6,T,n.checked(),n.disabled,n.focused)),e.uIk("for",n.inputId)("data-pc-section","label"),e.xp6(1),e.hij(" ",n.label,"")}}const M=(t,l,n)=>({"p-checkbox p-component":!0,"p-checkbox-checked":t,"p-checkbox-disabled":l,"p-checkbox-focused":n}),Q=(t,l,n)=>({"p-highlight":t,"p-disabled":l,"p-focus":n}),Z={provide:f.JU,useExisting:(0,e.Gpc)(()=>p),multi:!0};let p=(()=>{class t{cd;value;name;disabled;binary;label;ariaLabelledBy;ariaLabel;tabindex;inputId;style;styleClass;labelStyleClass;formControl;checkboxIcon;readonly;required;trueValue=!0;falseValue=!1;onChange=new e.vpe;onFocus=new e.vpe;onBlur=new e.vpe;inputViewChild;templates;checkboxIconTemplate;model;onModelChange=()=>{};onModelTouched=()=>{};focused=!1;constructor(n){this.cd=n}ngAfterContentInit(){this.templates.forEach(n=>{"icon"===n.getType()&&(this.checkboxIconTemplate=n.template)})}onClick(n){if(!this.disabled&&!this.readonly){let a;this.inputViewChild.nativeElement.focus(),this.binary?(a=this.checked()?this.falseValue:this.trueValue,this.model=a,this.onModelChange(a)):(a=this.checked()?this.model.filter(c=>!h.gb.equals(c,this.value)):this.model?[...this.model,this.value]:[this.value],this.onModelChange(a),this.model=a,this.formControl&&this.formControl.setValue(a)),this.onChange.emit({checked:a,originalEvent:n})}}onInputFocus(n){this.focused=!0,this.onFocus.emit(n)}onInputBlur(n){this.focused=!1,this.onModelTouched(),this.onBlur.emit(n)}writeValue(n){this.model=n,this.cd.markForCheck()}registerOnChange(n){this.onModelChange=n}registerOnTouched(n){this.onModelTouched=n}setDisabledState(n){this.disabled=n,this.cd.markForCheck()}checked(){return this.binary?this.model===this.trueValue:h.gb.contains(this.value,this.model)}static \u0275fac=function(a){return new(a||t)(e.Y36(e.sBO))};static \u0275cmp=e.Xpm({type:t,selectors:[["p-checkbox"]],contentQueries:function(a,c,o){if(1&a&&e.Suo(o,r.jx,4),2&a){let i;e.iGM(i=e.CRH())&&(c.templates=i)}},viewQuery:function(a,c){if(1&a&&e.Gf(C,5),2&a){let o;e.iGM(o=e.CRH())&&(c.inputViewChild=o.first)}},hostAttrs:[1,"p-element"],inputs:{value:"value",name:"name",disabled:"disabled",binary:"binary",label:"label",ariaLabelledBy:"ariaLabelledBy",ariaLabel:"ariaLabel",tabindex:"tabindex",inputId:"inputId",style:"style",styleClass:"styleClass",labelStyleClass:"labelStyleClass",formControl:"formControl",checkboxIcon:"checkboxIcon",readonly:"readonly",required:"required",trueValue:"trueValue",falseValue:"falseValue"},outputs:{onChange:"onChange",onFocus:"onFocus",onBlur:"onBlur"},features:[e._Bn([Z])],decls:7,vars:35,consts:[[3,"ngStyle","ngClass","click"],[1,"p-hidden-accessible"],["type","checkbox",3,"value","checked","disabled","readonly","focus","blur"],["input",""],[1,"p-checkbox-box",3,"ngClass"],[4,"ngIf"],[3,"class","ngClass","click",4,"ngIf"],["class","p-checkbox-icon",4,"ngIf"],["class","p-checkbox-icon",3,"ngClass",4,"ngIf"],[3,"styleClass",4,"ngIf"],[1,"p-checkbox-icon",3,"ngClass"],[3,"styleClass"],[1,"p-checkbox-icon"],[4,"ngTemplateOutlet"],[3,"ngClass","click"]],template:function(a,c){1&a&&(e.TgZ(0,"div",0),e.NdJ("click",function(i){return c.onClick(i)}),e.TgZ(1,"div",1)(2,"input",2,3),e.NdJ("focus",function(i){return c.onInputFocus(i)})("blur",function(i){return c.onInputBlur(i)}),e.qZA()(),e.TgZ(4,"div",4),e.YNc(5,v,3,2,"ng-container",5),e.qZA()(),e.YNc(6,w,2,10,"label",6)),2&a&&(e.Tol(c.styleClass),e.Q6J("ngStyle",c.style)("ngClass",e.kEZ(27,M,c.checked(),c.disabled,c.focused)),e.uIk("data-pc-name","checkbox")("data-pc-section","root"),e.xp6(1),e.uIk("data-pc-section","hiddenInputWrapper")("data-p-hidden-accessible",!0),e.xp6(1),e.Q6J("value",c.value)("checked",c.checked())("disabled",c.disabled)("readonly",c.readonly),e.uIk("id",c.inputId)("name",c.name)("tabindex",c.tabindex)("required",c.required)("aria-labelledby",c.ariaLabelledBy)("aria-label",c.ariaLabel)("aria-checked",c.checked())("data-pc-section","hiddenInput"),e.xp6(2),e.Q6J("ngClass",e.kEZ(31,Q,c.checked(),c.disabled,c.focused)),e.uIk("data-p-highlight",c.checked())("data-p-disabled",c.disabled)("data-p-focused",c.focused)("data-pc-section","input"),e.xp6(1),e.Q6J("ngIf",c.checked()),e.xp6(1),e.Q6J("ngIf",c.label))},dependencies:()=>[d.mk,d.O5,d.tP,d.PC,u],styles:["@layer primeng{.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default!important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}\n"],encapsulation:2,changeDetection:0})}return t})(),B=(()=>{class t{static \u0275fac=function(a){return new(a||t)};static \u0275mod=e.oAB({type:t});static \u0275inj=e.cJS({imports:[d.ez,u,r.m8]})}return t})()}}]); \ No newline at end of file diff --git a/tiles/favicon.ico b/tiles/favicon.ico deleted file mode 100644 index a3f02cc..0000000 Binary files a/tiles/favicon.ico and /dev/null differ diff --git a/tiles/flags_responsive.2aca9e17ea53881b.png b/tiles/flags_responsive.2aca9e17ea53881b.png deleted file mode 100644 index c27ce21..0000000 Binary files a/tiles/flags_responsive.2aca9e17ea53881b.png and /dev/null differ diff --git a/tiles/hue.8b1818380241e6ac.png b/tiles/hue.8b1818380241e6ac.png deleted file mode 100644 index 8efa252..0000000 Binary files a/tiles/hue.8b1818380241e6ac.png and /dev/null differ diff --git a/tiles/index.html b/tiles/index.html deleted file mode 100644 index 5f51af5..0000000 --- a/tiles/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - PrimeNG - APOLLO - - - - - - - - - -
-
- -
-
- - - - diff --git a/tiles/main.62a6cd81c4a0ffa6.js b/tiles/main.62a6cd81c4a0ffa6.js deleted file mode 100644 index 8c47c01..0000000 --- a/tiles/main.62a6cd81c4a0ffa6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[179],{1735:(ot,we,P)=>{P.d(we,{H:()=>V});var c=P(5619),M=P(5849);let V=(()=>{class te{constructor(){this.point=new c.X({lat:void 0,lon:void 0}),this.point$=this.point.asObservable()}setPoint(R){this.point.next(R)}static#e=this.\u0275fac=function(L){return new(L||te)};static#t=this.\u0275prov=M.Yz7({token:te,factory:te.\u0275fac,providedIn:"root"})}return te})()},704:(ot,we,P)=>{P.d(we,{h:()=>V});var c=P(8645),M=P(5849);let V=(()=>{class te{constructor(){this.menuSource=new c.x,this.resetSource=new c.x,this.menuSource$=this.menuSource.asObservable(),this.resetSource$=this.resetSource.asObservable()}onMenuStateChange(R){this.menuSource.next(R)}reset(){this.resetSource.next(!0)}static#e=this.\u0275fac=function(L){return new(L||te)};static#t=this.\u0275prov=M.Yz7({token:te,factory:te.\u0275fac,providedIn:"root"})}return te})()},1567:(ot,we,P)=>{P.d(we,{h:()=>j});var c=P(6814),M=P(95),V=P(9246),te=P(1865),y=P(336),R=P(5609),L=P(5849);let j=(()=>{class G{static#e=this.\u0275fac=function(oe){return new(oe||G)};static#t=this.\u0275mod=L.oAB({type:G});static#n=this.\u0275inj=L.cJS({imports:[c.ez,M.u5,V.l,te.cc,y.hJ,R.Iu]})}return G})()},3859:(ot,we,P)=>{P.d(we,{P:()=>V});var c=P(5849),M=P(8645);let V=(()=>{class te{constructor(){this._config={ripple:!1,inputStyle:"outlined",menuMode:"static",colorScheme:"light",theme:"teal",scale:14,menuTheme:"colorScheme"},this.config=(0,c.tdS)(this._config),this.state={staticMenuDesktopInactive:!1,overlayMenuActive:!1,profileSidebarVisible:!1,configSidebarVisible:!1,staticMenuMobileActive:!1,menuHoverActive:!1,sidebarActive:!1,anchored:!1},this.configUpdate=new M.x,this.overlayOpen=new M.x,this.configUpdate$=this.configUpdate.asObservable(),this.overlayOpen$=this.overlayOpen.asObservable(),(0,c.cEC)(()=>{const R=this.config();this.updateStyle(R)&&this.changeTheme(),this.changeScale(R.scale),this.onConfigUpdate()})}updateStyle(R){return R.theme!==this._config.theme||R.colorScheme!==this._config.colorScheme}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))}onOverlaySubmenuOpen(){this.overlayOpen.next(null)}showProfileSidebar(){this.state.profileSidebarVisible=!0}showConfigSidebar(){this.state.configSidebarVisible=!0}isOverlay(){return"overlay"===this.config().menuMode}isDesktop(){return window.innerWidth>991}isSlim(){return"slim"===this.config().menuMode}isSlimPlus(){return"slim-plus"===this.config().menuMode}isHorizontal(){return"horizontal"===this.config().menuMode}isMobile(){return!this.isDesktop()}onConfigUpdate(){this._config={...this.config()},this.configUpdate.next(this.config())}changeTheme(){const R=this.config(),G=document.getElementById("theme-link").getAttribute("href").split("/").map(J=>J==this._config.theme?J=R.theme:J==`theme-${this._config.colorScheme}`?J=`theme-${R.colorScheme}`:J).join("/");this.replaceThemeLink(G)}replaceThemeLink(R){const L="theme-link";let j=document.getElementById(L);const G=j.cloneNode(!0);G.setAttribute("href",R),G.setAttribute("id",L+"-clone"),j.parentNode.insertBefore(G,j.nextSibling),G.addEventListener("load",()=>{j.remove(),G.setAttribute("id",L)})}changeScale(R){document.documentElement.style.fontSize=`${R}px`}static#e=this.\u0275fac=function(L){return new(L||te)};static#t=this.\u0275prov=c.Yz7({token:te,factory:te.\u0275fac,providedIn:"root"})}return te})()},9473:(ot,we,P)=>{var c=P(6593),M=P(6814),V=P(9310),te=P(2181),y=P(5849),R=P(3859);function L(C,u){if(1&C&&y._UZ(0,"li",4),2&C){const a=y.oxw(),w=a.index;y.Q6J("item",a.$implicit)("index",w)("root",!0)}}function j(C,u){1&C&&y._UZ(0,"li",5)}function G(C,u){if(1&C&&(y.ynx(0),y.YNc(1,L,1,3,"li",2)(2,j,1,0,"li",3),y.BQk()),2&C){const a=u.$implicit;y.xp6(1),y.Q6J("ngIf",!a.separator),y.xp6(1),y.Q6J("ngIf",a.separator)}}let J=(()=>{class C{constructor(){this.model=[]}ngOnInit(){this.model=[{label:"IMAGES",icon:"pi pi-home",items:[{label:"Sentinel 2",icon:"pi pi-fw pi-home",routerLink:["/sentinel"]}]}]}static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-menu"]],decls:2,vars:1,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(v,w){1&v&&(y.TgZ(0,"ul",0),y.YNc(1,G,3,2,"ng-container",1),y.qZA()),2&v&&(y.xp6(1),y.Q6J("ngForOf",w.model))},encapsulation:2})}return C})();const K=["menuContainer"],oe=()=>["/"];let fe=(()=>{class C{constructor(a,v){this.layoutService=a,this.el=v,this.timeout=null}onMouseEnter(){this.layoutService.state.anchored||(this.timeout&&(clearTimeout(this.timeout),this.timeout=null),this.layoutService.state.sidebarActive=!0)}onMouseLeave(){this.layoutService.state.anchored||this.timeout||(this.timeout=setTimeout(()=>this.layoutService.state.sidebarActive=!1,300))}anchor(){this.layoutService.state.anchored=!this.layoutService.state.anchored}static#e=this.\u0275fac=function(v){return new(v||C)(y.Y36(R.P),y.Y36(y.SBq))};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-sidebar"]],viewQuery:function(v,w){if(1&v&&y.Gf(K,5),2&v){let x;y.iGM(x=y.CRH())&&(w.menuContainer=x.first)}},decls:9,vars:2,consts:[[1,"layout-sidebar",3,"mouseenter","mouseleave"],[1,"sidebar-header"],[1,"app-logo",3,"routerLink"],["xmlns","http://www.w3.org/2000/svg","id","Layer_1","width","60","height","60","data-name","Layer 1","viewBox","0 0 24 24",1,"app-logo-normal"],["fill","var(--logo-color)","d","m9.799,14.201c2.439,2.439,2.851,6.138,1.236,9.003-.519.921-1.796,1.065-2.544.318l-3.299-3.299-.985.985c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414l.985-.985L.479,15.509c-.747-.747-.603-2.025.318-2.544,2.865-1.615,6.563-1.203,9.003,1.236ZM22.911,1.09c-1.453-1.453-3.808-1.453-5.26,0l-9.519,9.496c1.206.424,2.315,1.107,3.245,2.037.922.922,1.601,2.019,2.026,3.213l9.508-9.486c1.452-1.453,1.452-3.807,0-5.26ZM5.658,10.236l6.629-6.613-1.744-1.744c-1.134-1.135-3.112-1.132-4.242,0l-2.379,2.378c-1.17,1.169-1.17,3.073,0,4.243l1.736,1.736Zm14.691,1.501l-6.629,6.613,1.802,1.802c.566.566,1.32.878,2.121.878s1.555-.312,2.121-.878l2.379-2.378c.566-.567.879-1.32.879-2.122s-.312-1.555-.879-2.121l-1.794-1.794Z"],["type","button",1,"layout-sidebar-anchor","p-link","z-2","mb-2",3,"click"],[1,"layout-menu-container"],["menuContainer",""]],template:function(v,w){1&v&&(y.TgZ(0,"div",0),y.NdJ("mouseenter",function(){return w.onMouseEnter()})("mouseleave",function(){return w.onMouseLeave()}),y.TgZ(1,"div",1)(2,"a",2),y.O4$(),y.TgZ(3,"svg",3),y._UZ(4,"path",4),y.qZA()(),y.kcU(),y.TgZ(5,"button",5),y.NdJ("click",function(){return w.anchor()}),y.qZA()(),y.TgZ(6,"div",6,7),y._UZ(8,"app-menu"),y.qZA()()),2&v&&(y.xp6(2),y.Q6J("routerLink",y.DdM(1,oe)))},dependencies:[V.rH,J],encapsulation:2})}return C})();var Se=P(1735),ve=P(95),Ge=P(3714),ze=P(336);const pt=["menubutton"];let Nt=(()=>{class C{constructor(a,v){this.layoutService=a,this.pointService=v}onMenuButtonClick(){this.layoutService.onMenuToggle()}onProfileButtonClick(){this.layoutService.showProfileSidebar()}onConfigButtonClick(){this.layoutService.showConfigSidebar()}onSearchPoint(){this.pointService.setPoint({lat:this.latitude,lon:this.longitude})}static#e=this.\u0275fac=function(v){return new(v||C)(y.Y36(R.P),y.Y36(Se.H))};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-topbar"]],viewQuery:function(v,w){if(1&v&&y.Gf(pt,5),2&v){let x;y.iGM(x=y.CRH())&&(w.menuButton=x.first)}},decls:13,vars:3,consts:[[1,"layout-topbar"],[1,"topbar-start"],["type","button",1,"topbar-menubutton","p-link","p-trigger",3,"click"],["menubutton",""],[1,"pi","pi-bars"],[1,"topbar-end"],[1,"topbar-menu"],[1,"topbar-search"],[1,"p-input-icon-left"],["type","text","pInputText","","placeholder","Latitude",1,"w-12rem","sm:w-full",3,"ngModel","ngModelChange"],[1,"p-input-icon-left","ml-2"],["type","text","pInputText","","placeholder","Longitude",1,"w-12rem","sm:w-full",3,"ngModel","ngModelChange"],["pButton","","type","button","icon","pi pi-search",1,"p-button-text","p-button-secondary","p-button-rounded","flex-shrink-0","ml-3",3,"disabled","click"]],template:function(v,w){1&v&&(y.TgZ(0,"div",0)(1,"div",1)(2,"button",2,3),y.NdJ("click",function(){return w.onMenuButtonClick()}),y._UZ(4,"i",4),y.qZA()(),y.TgZ(5,"div",5)(6,"ul",6)(7,"li",7)(8,"span",8)(9,"input",9),y.NdJ("ngModelChange",function(U){return w.latitude=U}),y.qZA()(),y.TgZ(10,"span",10)(11,"input",11),y.NdJ("ngModelChange",function(U){return w.longitude=U}),y.qZA()(),y.TgZ(12,"button",12),y.NdJ("click",function(){return w.onSearchPoint()}),y.qZA()()()()()),2&v&&(y.xp6(9),y.Q6J("ngModel",w.latitude),y.xp6(2),y.Q6J("ngModel",w.longitude),y.xp6(1),y.Q6J("disabled",!w.latitude&&!w.longitude))},dependencies:[ve.Fj,ve.JJ,ve.On,Ge.o,ze.Hq],encapsulation:2})}return C})();var St=P(704),Ee=P(5619);function Ae(C,u){1&C&&(y.TgZ(0,"li",3),y._uU(1," / "),y.qZA())}function Ie(C,u){if(1&C&&(y.TgZ(0,"li"),y._uU(1),y.qZA(),y.YNc(2,Ae,2,0,"li",2)),2&C){const a=u.$implicit,v=u.last;y.xp6(1),y.Oqu(a.label),y.xp6(1),y.Q6J("ngIf",!v)}}let Re=(()=>{class C{constructor(a){this.router=a,this._breadcrumbs$=new Ee.X([]),this.breadcrumbs$=this._breadcrumbs$.asObservable(),this.router.events.pipe((0,te.h)(v=>v instanceof V.m2)).subscribe(v=>{const x=[];this.addBreadcrumb(this.router.routerState.snapshot.root,[],x),this._breadcrumbs$.next(x)})}addBreadcrumb(a,v,w){const x=v.concat(a.url.map(re=>re.path)),U=a.data.breadcrumb;U&&U!==(a.parent&&a.parent.data?a.parent.data.breadcrumb:null)&&w.push({label:a.data.breadcrumb,url:"/"+x.join("/")}),a.firstChild&&this.addBreadcrumb(a.firstChild,x,w)}static#e=this.\u0275fac=function(v){return new(v||C)(y.Y36(V.F0))};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-breadcrumb"]],decls:4,vars:3,consts:[[1,"layout-breadcrumb"],["ngFor","",3,"ngForOf"],["class","layout-breadcrumb-chevron",4,"ngIf"],[1,"layout-breadcrumb-chevron"]],template:function(v,w){1&v&&(y.TgZ(0,"nav",0)(1,"ol"),y.YNc(2,Ie,3,2,"ng-template",1),y.ALo(3,"async"),y.qZA()()),2&v&&(y.xp6(2),y.Q6J("ngForOf",y.lcZ(3,1,w.breadcrumbs$)))},dependencies:[M.sg,M.O5,M.Ov],encapsulation:2})}return C})();const ye={anchorScrolling:"enabled"},se=[{path:"",component:(()=>{class C{constructor(a,v,w,x){this.menuService=a,this.layoutService=v,this.renderer=w,this.router=x,this.overlayMenuOpenSubscription=this.layoutService.overlayOpen$.subscribe(()=>{this.menuOutsideClickListener||(this.menuOutsideClickListener=this.renderer.listen("document","click",U=>{!(this.appSidebar.el.nativeElement.isSameNode(U.target)||this.appSidebar.el.nativeElement.contains(U.target)||this.appTopbar.menuButton.nativeElement.isSameNode(U.target)||this.appTopbar.menuButton.nativeElement.contains(U.target))&&this.hideMenu()})),(this.layoutService.isHorizontal()||this.layoutService.isSlim()||this.layoutService.isSlimPlus())&&!this.menuScrollListener&&(this.menuScrollListener=this.renderer.listen(this.appSidebar.menuContainer.nativeElement,"scroll",U=>{this.layoutService.isDesktop()&&this.hideMenu()})),this.layoutService.state.staticMenuMobileActive&&this.blockBodyScroll()}),this.router.events.pipe((0,te.h)(U=>U instanceof V.m2)).subscribe(()=>{this.hideMenu()})}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")," ")}hideMenu(){this.layoutService.state.overlayMenuActive=!1,this.layoutService.state.staticMenuMobileActive=!1,this.layoutService.state.menuHoverActive=!1,this.menuService.reset(),this.menuOutsideClickListener&&(this.menuOutsideClickListener(),this.menuOutsideClickListener=null),this.menuScrollListener&&(this.menuScrollListener(),this.menuScrollListener=null),this.unblockBodyScroll()}get containerClass(){return{"layout-light":"light"===this.layoutService.config().colorScheme,"layout-dim":"dim"===this.layoutService.config().colorScheme,"layout-dark":"dark"===this.layoutService.config().colorScheme,"layout-colorscheme-menu":"colorScheme"===this.layoutService.config().menuTheme,"layout-primarycolor-menu":"primaryColor"===this.layoutService.config().menuTheme,"layout-transparent-menu":"transparent"===this.layoutService.config().menuTheme,"layout-overlay":"overlay"===this.layoutService.config().menuMode,"layout-static":"static"===this.layoutService.config().menuMode,"layout-slim":"slim"===this.layoutService.config().menuMode,"layout-slim-plus":"slim-plus"===this.layoutService.config().menuMode,"layout-horizontal":"horizontal"===this.layoutService.config().menuMode,"layout-reveal":"reveal"===this.layoutService.config().menuMode,"layout-drawer":"drawer"===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,"layout-sidebar-active":this.layoutService.state.sidebarActive,"layout-sidebar-anchored":this.layoutService.state.anchored}}ngOnDestroy(){this.overlayMenuOpenSubscription&&this.overlayMenuOpenSubscription.unsubscribe(),this.menuOutsideClickListener&&this.menuOutsideClickListener()}static#e=this.\u0275fac=function(v){return new(v||C)(y.Y36(St.h),y.Y36(R.P),y.Y36(y.Qsj),y.Y36(V.F0))};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-layout"]],viewQuery:function(v,w){if(1&v&&(y.Gf(fe,5),y.Gf(Nt,5)),2&v){let x;y.iGM(x=y.CRH())&&(w.appSidebar=x.first),y.iGM(x=y.CRH())&&(w.appTopbar=x.first)}},decls:8,vars:1,consts:[[1,"layout-container",3,"ngClass"],[1,"layout-content-wrapper"],[1,"content-breadcrumb"],[1,"layout-content"],[1,"layout-mask"]],template:function(v,w){1&v&&(y.TgZ(0,"div",0),y._UZ(1,"app-sidebar"),y.TgZ(2,"div",1),y._UZ(3,"app-topbar")(4,"app-breadcrumb",2),y.TgZ(5,"div",3),y._UZ(6,"router-outlet"),y.qZA()(),y._UZ(7,"div",4),y.qZA()),2&v&&y.Q6J("ngClass",w.containerClass)},dependencies:[M.mk,V.lC,Re,fe,Nt],encapsulation:2})}return C})(),children:[{path:"",data:{breadcrumb:"Grid Maps"},loadChildren:()=>P.e(999).then(P.bind(P,1999)).then(C=>C.MapGridModule)}]},{path:"auth",data:{breadcrumb:"Auth"},loadChildren:()=>P.e(43).then(P.bind(P,2043)).then(C=>C.AuthModule)},{path:"landing",loadChildren:()=>Promise.all([P.e(111),P.e(54)]).then(P.bind(P,8054)).then(C=>C.LandingModule)},{path:"notfound",loadChildren:()=>P.e(827).then(P.bind(P,2827)).then(C=>C.NotfoundModule)},{path:"**",redirectTo:"/notfound"}];let He=(()=>{class C{static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275mod=y.oAB({type:C});static#n=this.\u0275inj=y.cJS({imports:[V.Bz.forRoot(se,ye),V.Bz]})}return C})();var Oe=P(5219);let Ue=(()=>{class C{constructor(a){this.primengConfig=a}ngOnInit(){this.primengConfig.ripple=!0}static#e=this.\u0275fac=function(v){return new(v||C)(y.Y36(Oe.b4))};static#t=this.\u0275cmp=y.Xpm({type:C,selectors:[["app-root"]],decls:1,vars:0,template:function(v,w){1&v&&y._UZ(0,"router-outlet")},dependencies:[V.lC],encapsulation:2})}return C})();var ge=P(9862),he=P(6825);function rt(C){return new y.vHH(3e3,!1)}function cr(C){switch(C.length){case 0:return new he.ZN;case 1:return C[0];default:return new he.ZE(C)}}function ui(C,u,a=new Map,v=new Map){const w=[],x=[];let U=-1,z=null;if(u.forEach(re=>{const pe=re.get("offset"),Ze=pe==U,Qe=Ze&&z||new Map;re.forEach((qt,Ct)=>{let _t=Ct,Tt=qt;if("offset"!==Ct)switch(_t=C.normalizePropertyName(_t,w),Tt){case he.k1:Tt=a.get(Ct);break;case he.l3:Tt=v.get(Ct);break;default:Tt=C.normalizeStyleValue(Ct,_t,Tt,w)}Qe.set(_t,Tt)}),Ze||x.push(Qe),z=Qe,U=pe}),w.length)throw function as(C){return new y.vHH(3502,!1)}();return x}function wi(C,u,a,v){switch(u){case"start":C.onStart(()=>v(a&&Kn(a,"start",C)));break;case"done":C.onDone(()=>v(a&&Kn(a,"done",C)));break;case"destroy":C.onDestroy(()=>v(a&&Kn(a,"destroy",C)))}}function Kn(C,u,a){const x=at(C.element,C.triggerName,C.fromState,C.toState,u||C.phaseName,a.totalTime??C.totalTime,!!a.disabled),U=C._data;return null!=U&&(x._data=U),x}function at(C,u,a,v,w="",x=0,U){return{element:C,triggerName:u,fromState:a,toState:v,phaseName:w,totalTime:x,disabled:!!U}}function fn(C,u,a){let v=C.get(u);return v||C.set(u,v=a),v}function zt(C){const u=C.indexOf(":");return[C.substring(1,u),C.slice(u+1)]}const Xr=(()=>typeof document>"u"?null:document.documentElement)();function On(C){const u=C.parentNode||C.host||null;return u===Xr?null:u}let Dn=null,Hn=!1;function X(C,u){for(;u;){if(u===C)return!0;u=On(u)}return!1}function Me(C,u,a){if(a)return Array.from(C.querySelectorAll(u));const v=C.querySelector(u);return v?[v]:[]}let Be=(()=>{class C{validateStyleProperty(a){return function Ce(C){Dn||(Dn=function $(){return typeof document<"u"?document.body:null}()||{},Hn=!!Dn.style&&"WebkitAppearance"in Dn.style);let u=!0;return Dn.style&&!function We(C){return"ebkit"==C.substring(1,6)}(C)&&(u=C in Dn.style,!u&&Hn&&(u="Webkit"+C.charAt(0).toUpperCase()+C.slice(1)in Dn.style)),u}(a)}matchesElement(a,v){return!1}containsElement(a,v){return X(a,v)}getParentElement(a){return On(a)}query(a,v,w){return Me(a,v,w)}computeStyle(a,v,w){return w||""}animate(a,v,w,x,U,z=[],re){return new he.ZN(w,x)}static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275prov=y.Yz7({token:C,factory:C.\u0275fac})}return C})(),et=(()=>{class C{static#e=this.NOOP=new Be}return C})();class Ht{}const nr=1e3,Ur="ng-enter",ln="ng-leave",jr="ng-trigger",yr=".ng-trigger",$r="ng-animating",qn=".ng-animating";function ur(C){if("number"==typeof C)return C;const u=C.match(/^(-?[\.\d]+)(m?s)/);return!u||u.length<2?0:Ki(parseFloat(u[1]),u[2])}function Ki(C,u){return"s"===u?C*nr:C}function zr(C,u,a){return C.hasOwnProperty("duration")?C:function di(C,u,a){let w,x=0,U="";if("string"==typeof C){const z=C.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===z)return u.push(rt()),{duration:0,delay:0,easing:""};w=Ki(parseFloat(z[1]),z[2]);const re=z[3];null!=re&&(x=Ki(parseFloat(re),z[4]));const pe=z[5];pe&&(U=pe)}else w=C;if(!a){let z=!1,re=u.length;w<0&&(u.push(function Dt(){return new y.vHH(3100,!1)}()),z=!0),x<0&&(u.push(function ae(){return new y.vHH(3101,!1)}()),z=!0),z&&u.splice(re,0,rt())}return{duration:w,delay:x,easing:U}}(C,u,a)}function ei(C,u={}){return Object.keys(C).forEach(a=>{u[a]=C[a]}),u}function ne(C){const u=new Map;return Object.keys(C).forEach(a=>{u.set(a,C[a])}),u}function ue(C,u=new Map,a){if(a)for(let[v,w]of a)u.set(v,w);for(let[v,w]of C)u.set(v,w);return u}function ie(C,u,a){u.forEach((v,w)=>{const x=Ir(w);a&&!a.has(w)&&a.set(w,C.style[x]),C.style[x]=v})}function $e(C,u){u.forEach((a,v)=>{const w=Ir(v);C.style[w]=""})}function Ke(C){return Array.isArray(C)?1==C.length?C[0]:(0,he.vP)(C):C}const dt=new RegExp("{{\\s*(.+?)\\s*}}","g");function vt(C){let u=[];if("string"==typeof C){let a;for(;a=dt.exec(C);)u.push(a[1]);dt.lastIndex=0}return u}function Qt(C,u,a){const v=C.toString(),w=v.replace(dt,(x,U)=>{let z=u[U];return null==z&&(a.push(function be(C){return new y.vHH(3003,!1)}()),z=""),z.toString()});return w==v?C:w}function Zt(C){const u=[];let a=C.next();for(;!a.done;)u.push(a.value),a=C.next();return u}const cn=/-+([a-z0-9])/g;function Ir(C){return C.replace(cn,(...u)=>u[1].toUpperCase())}function Gt(C,u,a){switch(u.type){case 7:return C.visitTrigger(u,a);case 0:return C.visitState(u,a);case 1:return C.visitTransition(u,a);case 2:return C.visitSequence(u,a);case 3:return C.visitGroup(u,a);case 4:return C.visitAnimate(u,a);case 5:return C.visitKeyframes(u,a);case 6:return C.visitStyle(u,a);case 8:return C.visitReference(u,a);case 9:return C.visitAnimateChild(u,a);case 10:return C.visitAnimateRef(u,a);case 11:return C.visitQuery(u,a);case 12:return C.visitStagger(u,a);default:throw function De(C){return new y.vHH(3004,!1)}()}}function dr(C,u){return window.getComputedStyle(C)[u]}const En=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 kr extends Ht{normalizePropertyName(u,a){return Ir(u)}normalizeStyleValue(u,a,v,w){let x="";const U=v.toString().trim();if(En.has(a)&&0!==v&&"0"!==v)if("number"==typeof v)x="px";else{const z=v.match(/^[+-]?[\d\.]+([a-z]*)$/);z&&0==z[1].length&&w.push(function ke(C,u){return new y.vHH(3005,!1)}())}return U+x}}const kt="*";function Ms(C,u){const a=[];return"string"==typeof C?C.split(/\s*,\s*/).forEach(v=>function zs(C,u,a){if(":"==C[0]){const re=function Vt(C,u){switch(C){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(a,v)=>parseFloat(v)>parseFloat(a);case":decrement":return(a,v)=>parseFloat(v) *"}}(C,a);if("function"==typeof re)return void u.push(re);C=re}const v=C.match(/^(\*|[-\w]+)\s*()\s*(\*|[-\w]+)$/);if(null==v||v.length<4)return a.push(function Mr(C){return new y.vHH(3015,!1)}()),u;const w=v[1],x=v[2],U=v[3];u.push(ki(w,U));"<"==x[0]&&!(w==kt&&U==kt)&&u.push(ki(U,w))}(v,a,u)):a.push(C),a}const Si=new Set(["true","1"]),ti=new Set(["false","0"]);function ki(C,u){const a=Si.has(C)||ti.has(C),v=Si.has(u)||ti.has(u);return(w,x)=>{let U=C==kt||C==w,z=u==kt||u==x;return!U&&a&&"boolean"==typeof w&&(U=w?Si.has(C):ti.has(C)),!z&&v&&"boolean"==typeof x&&(z=x?Si.has(u):ti.has(u)),U&&z}}const Gs=new RegExp("s*:selfs*,?","g");function Mi(C,u,a,v){return new bo(C).build(u,a,v)}class bo{constructor(u){this._driver=u}build(u,a,v){const w=new cs(a);return this._resetContextStyleTimingState(w),Gt(this,Ke(u),w)}_resetContextStyleTimingState(u){u.currentQuerySelector="",u.collectedStyles=new Map,u.collectedStyles.set("",new Map),u.currentTime=0}visitTrigger(u,a){let v=a.queryCount=0,w=a.depCount=0;const x=[],U=[];return"@"==u.name.charAt(0)&&a.errors.push(function je(){return new y.vHH(3006,!1)}()),u.definitions.forEach(z=>{if(this._resetContextStyleTimingState(a),0==z.type){const re=z,pe=re.name;pe.toString().split(/\s*,\s*/).forEach(Ze=>{re.name=Ze,x.push(this.visitState(re,a))}),re.name=pe}else if(1==z.type){const re=this.visitTransition(z,a);v+=re.queryCount,w+=re.depCount,U.push(re)}else a.errors.push(function gt(){return new y.vHH(3007,!1)}())}),{type:7,name:u.name,states:x,transitions:U,queryCount:v,depCount:w,options:null}}visitState(u,a){const v=this.visitStyle(u.styles,a),w=u.options&&u.options.params||null;if(v.containsDynamicStyles){const x=new Set,U=w||{};v.styles.forEach(z=>{z instanceof Map&&z.forEach(re=>{vt(re).forEach(pe=>{U.hasOwnProperty(pe)||x.add(pe)})})}),x.size&&(Zt(x.values()),a.errors.push(function It(C,u){return new y.vHH(3008,!1)}()))}return{type:0,name:u.name,style:v,options:w?{params:w}:null}}visitTransition(u,a){a.queryCount=0,a.depCount=0;const v=Gt(this,Ke(u.animation),a);return{type:1,matchers:Ms(u.expr,a.errors),animation:v,queryCount:a.queryCount,depCount:a.depCount,options:Ar(u.options)}}visitSequence(u,a){return{type:2,steps:u.steps.map(v=>Gt(this,v,a)),options:Ar(u.options)}}visitGroup(u,a){const v=a.currentTime;let w=0;const x=u.steps.map(U=>{a.currentTime=v;const z=Gt(this,U,a);return w=Math.max(w,a.currentTime),z});return a.currentTime=w,{type:3,steps:x,options:Ar(u.options)}}visitAnimate(u,a){const v=function us(C,u){if(C.hasOwnProperty("duration"))return C;if("number"==typeof C)return hi(zr(C,u).duration,0,"");const a=C;if(a.split(/\s+/).some(x=>"{"==x.charAt(0)&&"{"==x.charAt(1))){const x=hi(0,0,"");return x.dynamic=!0,x.strValue=a,x}const w=zr(a,u);return hi(w.duration,w.delay,w.easing)}(u.timings,a.errors);a.currentAnimateTimings=v;let w,x=u.styles?u.styles:(0,he.oB)({});if(5==x.type)w=this.visitKeyframes(x,a);else{let U=u.styles,z=!1;if(!U){z=!0;const pe={};v.easing&&(pe.easing=v.easing),U=(0,he.oB)(pe)}a.currentTime+=v.duration+v.delay;const re=this.visitStyle(U,a);re.isEmptyStep=z,w=re}return a.currentAnimateTimings=null,{type:4,timings:v,style:w,options:null}}visitStyle(u,a){const v=this._makeStyleAst(u,a);return this._validateStyleAst(v,a),v}_makeStyleAst(u,a){const v=[],w=Array.isArray(u.styles)?u.styles:[u.styles];for(let z of w)"string"==typeof z?z===he.l3?v.push(z):a.errors.push(new y.vHH(3002,!1)):v.push(ne(z));let x=!1,U=null;return v.forEach(z=>{if(z instanceof Map&&(z.has("easing")&&(U=z.get("easing"),z.delete("easing")),!x))for(let re of z.values())if(re.toString().indexOf("{{")>=0){x=!0;break}}),{type:6,styles:v,easing:U,offset:u.offset,containsDynamicStyles:x,options:null}}_validateStyleAst(u,a){const v=a.currentAnimateTimings;let w=a.currentTime,x=a.currentTime;v&&x>0&&(x-=v.duration+v.delay),u.styles.forEach(U=>{"string"!=typeof U&&U.forEach((z,re)=>{const pe=a.collectedStyles.get(a.currentQuerySelector),Ze=pe.get(re);let Qe=!0;Ze&&(x!=w&&x>=Ze.startTime&&w<=Ze.endTime&&(a.errors.push(function Wt(C,u,a,v,w){return new y.vHH(3010,!1)}()),Qe=!1),x=Ze.startTime),Qe&&pe.set(re,{startTime:x,endTime:w}),a.options&&function bt(C,u,a){const v=u.params||{},w=vt(C);w.length&&w.forEach(x=>{v.hasOwnProperty(x)||a.push(function me(C){return new y.vHH(3001,!1)}())})}(z,a.options,a.errors)})})}visitKeyframes(u,a){const v={type:5,styles:[],options:null};if(!a.currentAnimateTimings)return a.errors.push(function yn(){return new y.vHH(3011,!1)}()),v;let x=0;const U=[];let z=!1,re=!1,pe=0;const Ze=u.steps.map(Jn=>{const or=this._makeStyleAst(Jn,a);let Xn=null!=or.offset?or.offset:function fi(C){if("string"==typeof C)return null;let u=null;if(Array.isArray(C))C.forEach(a=>{if(a instanceof Map&&a.has("offset")){const v=a;u=parseFloat(v.get("offset")),v.delete("offset")}});else if(C instanceof Map&&C.has("offset")){const a=C;u=parseFloat(a.get("offset")),a.delete("offset")}return u}(or.styles),ar=0;return null!=Xn&&(x++,ar=or.offset=Xn),re=re||ar<0||ar>1,z=z||ar0&&x{const Xn=qt>0?or==Ct?1:qt*or:U[or],ar=Xn*bn;a.currentTime=_t+Tt.delay+ar,Tt.duration=ar,this._validateStyleAst(Jn,a),Jn.offset=Xn,v.styles.push(Jn)}),v}visitReference(u,a){return{type:8,animation:Gt(this,Ke(u.animation),a),options:Ar(u.options)}}visitAnimateChild(u,a){return a.depCount++,{type:9,options:Ar(u.options)}}visitAnimateRef(u,a){return{type:10,animation:this.visitReference(u.animation,a),options:Ar(u.options)}}visitQuery(u,a){const v=a.currentQuerySelector,w=u.options||{};a.queryCount++,a.currentQuery=u;const[x,U]=function Ys(C){const u=!!C.split(/\s*,\s*/).find(a=>":self"==a);return u&&(C=C.replace(Gs,"")),C=C.replace(/@\*/g,yr).replace(/@\w+/g,a=>yr+"-"+a.slice(1)).replace(/:animating/g,qn),[C,u]}(u.selector);a.currentQuerySelector=v.length?v+" "+x:x,fn(a.collectedStyles,a.currentQuerySelector,new Map);const z=Gt(this,Ke(u.animation),a);return a.currentQuery=null,a.currentQuerySelector=v,{type:11,selector:x,limit:w.limit||0,optional:!!w.optional,includeSelf:U,animation:z,originalSelector:u.selector,options:Ar(u.options)}}visitStagger(u,a){a.currentQuery||a.errors.push(function sn(){return new y.vHH(3013,!1)}());const v="full"===u.timings?{duration:0,delay:0,easing:"full"}:zr(u.timings,a.errors,!0);return{type:12,animation:Gt(this,Ke(u.animation),a),timings:v,options:null}}}class cs{constructor(u){this.errors=u,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 Ar(C){return C?(C=ei(C)).params&&(C.params=function Ks(C){return C?ei(C):null}(C.params)):C={},C}function hi(C,u,a){return{duration:C,delay:u,easing:a}}function Vi(C,u,a,v,w,x,U=null,z=!1){return{type:1,element:C,keyframes:u,preStyleProps:a,postStyleProps:v,duration:w,delay:x,totalTime:w+x,easing:U,subTimeline:z}}class pi{constructor(){this._map=new Map}get(u){return this._map.get(u)||[]}append(u,a){let v=this._map.get(u);v||this._map.set(u,v=[]),v.push(...a)}has(u){return this._map.has(u)}clear(){this._map.clear()}}const ni=new RegExp(":enter","g"),Ii=new RegExp(":leave","g");function Ln(C,u,a,v,w,x=new Map,U=new Map,z,re,pe=[]){return(new Ai).buildKeyframes(C,u,a,v,w,x,U,z,re,pe)}class Ai{buildKeyframes(u,a,v,w,x,U,z,re,pe,Ze=[]){pe=pe||new pi;const Qe=new Gr(u,a,pe,w,x,Ze,[]);Qe.options=re;const qt=re.delay?ur(re.delay):0;Qe.currentTimeline.delayNextStep(qt),Qe.currentTimeline.setStyles([U],null,Qe.errors,re),Gt(this,v,Qe);const Ct=Qe.timelines.filter(_t=>_t.containsAnimation());if(Ct.length&&z.size){let _t;for(let Tt=Ct.length-1;Tt>=0;Tt--){const bn=Ct[Tt];if(bn.element===a){_t=bn;break}}_t&&!_t.allowOnlyTimelineStyles()&&_t.setStyles([z],null,Qe.errors,re)}return Ct.length?Ct.map(_t=>_t.buildKeyframes()):[Vi(a,[],[],[],0,qt,"",!1)]}visitTrigger(u,a){}visitState(u,a){}visitTransition(u,a){}visitAnimateChild(u,a){const v=a.subInstructions.get(a.element);if(v){const w=a.createSubContext(u.options),x=a.currentTimeline.currentTime,U=this._visitSubInstructions(v,w,w.options);x!=U&&a.transformIntoNewTimeline(U)}a.previousNode=u}visitAnimateRef(u,a){const v=a.createSubContext(u.options);v.transformIntoNewTimeline(),this._applyAnimationRefDelays([u.options,u.animation.options],a,v),this.visitReference(u.animation,v),a.transformIntoNewTimeline(v.currentTimeline.currentTime),a.previousNode=u}_applyAnimationRefDelays(u,a,v){for(const w of u){const x=w?.delay;if(x){const U="number"==typeof x?x:ur(Qt(x,w?.params??{},a.errors));v.delayNextStep(U)}}}_visitSubInstructions(u,a,v){let x=a.currentTimeline.currentTime;const U=null!=v.duration?ur(v.duration):null,z=null!=v.delay?ur(v.delay):null;return 0!==U&&u.forEach(re=>{const pe=a.appendInstructionToTimeline(re,U,z);x=Math.max(x,pe.duration+pe.delay)}),x}visitReference(u,a){a.updateOptions(u.options,!0),Gt(this,u.animation,a),a.previousNode=u}visitSequence(u,a){const v=a.subContextCount;let w=a;const x=u.options;if(x&&(x.params||x.delay)&&(w=a.createSubContext(x),w.transformIntoNewTimeline(),null!=x.delay)){6==w.previousNode.type&&(w.currentTimeline.snapshotCurrentStyles(),w.previousNode=Bt);const U=ur(x.delay);w.delayNextStep(U)}u.steps.length&&(u.steps.forEach(U=>Gt(this,U,w)),w.currentTimeline.applyStylesToKeyframe(),w.subContextCount>v&&w.transformIntoNewTimeline()),a.previousNode=u}visitGroup(u,a){const v=[];let w=a.currentTimeline.currentTime;const x=u.options&&u.options.delay?ur(u.options.delay):0;u.steps.forEach(U=>{const z=a.createSubContext(u.options);x&&z.delayNextStep(x),Gt(this,U,z),w=Math.max(w,z.currentTimeline.currentTime),v.push(z.currentTimeline)}),v.forEach(U=>a.currentTimeline.mergeTimelineCollectedStyles(U)),a.transformIntoNewTimeline(w),a.previousNode=u}_visitTiming(u,a){if(u.dynamic){const v=u.strValue;return zr(a.params?Qt(v,a.params,a.errors):v,a.errors)}return{duration:u.duration,delay:u.delay,easing:u.easing}}visitAnimate(u,a){const v=a.currentAnimateTimings=this._visitTiming(u.timings,a),w=a.currentTimeline;v.delay&&(a.incrementTime(v.delay),w.snapshotCurrentStyles());const x=u.style;5==x.type?this.visitKeyframes(x,a):(a.incrementTime(v.duration),this.visitStyle(x,a),w.applyStylesToKeyframe()),a.currentAnimateTimings=null,a.previousNode=u}visitStyle(u,a){const v=a.currentTimeline,w=a.currentAnimateTimings;!w&&v.hasCurrentStyleProperties()&&v.forwardFrame();const x=w&&w.easing||u.easing;u.isEmptyStep?v.applyEmptyStep(x):v.setStyles(u.styles,x,a.errors,a.options),a.previousNode=u}visitKeyframes(u,a){const v=a.currentAnimateTimings,w=a.currentTimeline.duration,x=v.duration,z=a.createSubContext().currentTimeline;z.easing=v.easing,u.styles.forEach(re=>{z.forwardTime((re.offset||0)*x),z.setStyles(re.styles,re.easing,a.errors,a.options),z.applyStylesToKeyframe()}),a.currentTimeline.mergeTimelineCollectedStyles(z),a.transformIntoNewTimeline(w+x),a.previousNode=u}visitQuery(u,a){const v=a.currentTimeline.currentTime,w=u.options||{},x=w.delay?ur(w.delay):0;x&&(6===a.previousNode.type||0==v&&a.currentTimeline.hasCurrentStyleProperties())&&(a.currentTimeline.snapshotCurrentStyles(),a.previousNode=Bt);let U=v;const z=a.invokeQuery(u.selector,u.originalSelector,u.limit,u.includeSelf,!!w.optional,a.errors);a.currentQueryTotal=z.length;let re=null;z.forEach((pe,Ze)=>{a.currentQueryIndex=Ze;const Qe=a.createSubContext(u.options,pe);x&&Qe.delayNextStep(x),pe===a.element&&(re=Qe.currentTimeline),Gt(this,u.animation,Qe),Qe.currentTimeline.applyStylesToKeyframe(),U=Math.max(U,Qe.currentTimeline.currentTime)}),a.currentQueryIndex=0,a.currentQueryTotal=0,a.transformIntoNewTimeline(U),re&&(a.currentTimeline.mergeTimelineCollectedStyles(re),a.currentTimeline.snapshotCurrentStyles()),a.previousNode=u}visitStagger(u,a){const v=a.parentContext,w=a.currentTimeline,x=u.timings,U=Math.abs(x.duration),z=U*(a.currentQueryTotal-1);let re=U*a.currentQueryIndex;switch(x.duration<0?"reverse":x.easing){case"reverse":re=z-re;break;case"full":re=v.currentStaggerTime}const Ze=a.currentTimeline;re&&Ze.delayNextStep(re);const Qe=Ze.currentTime;Gt(this,u.animation,a),a.previousNode=u,v.currentStaggerTime=w.currentTime-Qe+(w.startTime-v.currentTimeline.startTime)}}const Bt={};class Gr{constructor(u,a,v,w,x,U,z,re){this._driver=u,this.element=a,this.subInstructions=v,this._enterClassName=w,this._leaveClassName=x,this.errors=U,this.timelines=z,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=Bt,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=re||new ri(this._driver,a,0),z.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(u,a){if(!u)return;const v=u;let w=this.options;null!=v.duration&&(w.duration=ur(v.duration)),null!=v.delay&&(w.delay=ur(v.delay));const x=v.params;if(x){let U=w.params;U||(U=this.options.params={}),Object.keys(x).forEach(z=>{(!a||!U.hasOwnProperty(z))&&(U[z]=Qt(x[z],U,this.errors))})}}_copyOptions(){const u={};if(this.options){const a=this.options.params;if(a){const v=u.params={};Object.keys(a).forEach(w=>{v[w]=a[w]})}}return u}createSubContext(u=null,a,v){const w=a||this.element,x=new Gr(this._driver,w,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(w,v||0));return x.previousNode=this.previousNode,x.currentAnimateTimings=this.currentAnimateTimings,x.options=this._copyOptions(),x.updateOptions(u),x.currentQueryIndex=this.currentQueryIndex,x.currentQueryTotal=this.currentQueryTotal,x.parentContext=this,this.subContextCount++,x}transformIntoNewTimeline(u){return this.previousNode=Bt,this.currentTimeline=this.currentTimeline.fork(this.element,u),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(u,a,v){const w={duration:a??u.duration,delay:this.currentTimeline.currentTime+(v??0)+u.delay,easing:""},x=new gi(this._driver,u.element,u.keyframes,u.preStyleProps,u.postStyleProps,w,u.stretchStartingKeyframe);return this.timelines.push(x),w}incrementTime(u){this.currentTimeline.forwardTime(this.currentTimeline.duration+u)}delayNextStep(u){u>0&&this.currentTimeline.delayNextStep(u)}invokeQuery(u,a,v,w,x,U){let z=[];if(w&&z.push(this.element),u.length>0){u=(u=u.replace(ni,"."+this._enterClassName)).replace(Ii,"."+this._leaveClassName);let pe=this._driver.query(this.element,u,1!=v);0!==v&&(pe=v<0?pe.slice(pe.length+v,pe.length):pe.slice(0,v)),z.push(...pe)}return!x&&0==z.length&&U.push(function Tn(C){return new y.vHH(3014,!1)}()),z}}class ri{constructor(u,a,v,w){this._driver=u,this.element=a,this.startTime=v,this._elementTimelineStylesLookup=w,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(a),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(a,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(u){const a=1===this._keyframes.size&&this._pendingStyles.size;this.duration||a?(this.forwardTime(this.currentTime+u),a&&this.snapshotCurrentStyles()):this.startTime+=u}fork(u,a){return this.applyStylesToKeyframe(),new ri(this._driver,u,a||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(u){this.applyStylesToKeyframe(),this.duration=u,this._loadKeyframe()}_updateStyle(u,a){this._localTimelineStyles.set(u,a),this._globalTimelineStyles.set(u,a),this._styleSummary.set(u,{time:this.currentTime,value:a})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(u){u&&this._previousKeyframe.set("easing",u);for(let[a,v]of this._globalTimelineStyles)this._backFill.set(a,v||he.l3),this._currentKeyframe.set(a,he.l3);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(u,a,v,w){a&&this._previousKeyframe.set("easing",a);const x=w&&w.params||{},U=function ds(C,u){const a=new Map;let v;return C.forEach(w=>{if("*"===w){v=v||u.keys();for(let x of v)a.set(x,he.l3)}else ue(w,a)}),a}(u,this._globalTimelineStyles);for(let[z,re]of U){const pe=Qt(re,x,v);this._pendingStyles.set(z,pe),this._localTimelineStyles.has(z)||this._backFill.set(z,this._globalTimelineStyles.get(z)??he.l3),this._updateStyle(z,pe)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((u,a)=>{this._currentKeyframe.set(a,u)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((u,a)=>{this._currentKeyframe.has(a)||this._currentKeyframe.set(a,u)}))}snapshotCurrentStyles(){for(let[u,a]of this._localTimelineStyles)this._pendingStyles.set(u,a),this._updateStyle(u,a)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const u=[];for(let a in this._currentKeyframe)u.push(a);return u}mergeTimelineCollectedStyles(u){u._styleSummary.forEach((a,v)=>{const w=this._styleSummary.get(v);(!w||a.time>w.time)&&this._updateStyle(v,a.value)})}buildKeyframes(){this.applyStylesToKeyframe();const u=new Set,a=new Set,v=1===this._keyframes.size&&0===this.duration;let w=[];this._keyframes.forEach((z,re)=>{const pe=ue(z,new Map,this._backFill);pe.forEach((Ze,Qe)=>{Ze===he.k1?u.add(Qe):Ze===he.l3&&a.add(Qe)}),v||pe.set("offset",re/this.duration),w.push(pe)});const x=u.size?Zt(u.values()):[],U=a.size?Zt(a.values()):[];if(v){const z=w[0],re=new Map(z);z.set("offset",0),re.set("offset",1),w=[z,re]}return Vi(this.element,w,x,U,this.duration,this.startTime,this.easing,!1)}}class gi extends ri{constructor(u,a,v,w,x,U,z=!1){super(u,a,U.delay),this.keyframes=v,this.preStyleProps=w,this.postStyleProps=x,this._stretchStartingKeyframe=z,this.timings={duration:U.duration,delay:U.delay,easing:U.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let u=this.keyframes,{delay:a,duration:v,easing:w}=this.timings;if(this._stretchStartingKeyframe&&a){const x=[],U=v+a,z=a/U,re=ue(u[0]);re.set("offset",0),x.push(re);const pe=ue(u[0]);pe.set("offset",Bi(z)),x.push(pe);const Ze=u.length-1;for(let Qe=1;Qe<=Ze;Qe++){let qt=ue(u[Qe]);const Ct=qt.get("offset");qt.set("offset",Bi((a+Ct*v)/U)),x.push(qt)}v=U,a=0,w="",u=x}return Vi(this.element,u,this.preStyleProps,this.postStyleProps,v,a,w,!0)}}function Bi(C,u=3){const a=Math.pow(10,u-1);return Math.round(C*a)/a}function Zi(C,u,a,v,w,x,U,z,re,pe,Ze,Qe,qt){return{type:0,element:C,triggerName:u,isRemovalTransition:w,fromState:a,fromStyles:x,toState:v,toStyles:U,timelines:z,queriedElements:re,preStyleProps:pe,postStyleProps:Ze,totalTime:Qe,errors:qt}}const vr={};class Oi{constructor(u,a,v){this._triggerName=u,this.ast=a,this._stateStyles=v}match(u,a,v,w){return function Zn(C,u,a,v,w){return C.some(x=>x(u,a,v,w))}(this.ast.matchers,u,a,v,w)}buildStyles(u,a,v){let w=this._stateStyles.get("*");return void 0!==u&&(w=this._stateStyles.get(u?.toString())||w),w?w.buildStyles(a,v):new Map}build(u,a,v,w,x,U,z,re,pe,Ze){const Qe=[],qt=this.ast.options&&this.ast.options.params||vr,_t=this.buildStyles(v,z&&z.params||vr,Qe),Tt=re&&re.params||vr,bn=this.buildStyles(w,Tt,Qe),Jn=new Set,or=new Map,Xn=new Map,ar="void"===w,Ps={params:Yt(Tt,qt),delay:this.ast.options?.delay},li=Ze?[]:Ln(u,a,this.ast.animation,x,U,_t,bn,Ps,pe,Qe);let Rr=0;if(li.forEach(Pi=>{Rr=Math.max(Pi.duration+Pi.delay,Rr)}),Qe.length)return Zi(a,this._triggerName,v,w,ar,_t,bn,[],[],or,Xn,Rr,Qe);li.forEach(Pi=>{const Br=Pi.element,gn=fn(or,Br,new Set);Pi.preStyleProps.forEach(vi=>gn.add(vi));const Ds=fn(Xn,Br,new Set);Pi.postStyleProps.forEach(vi=>Ds.add(vi)),Br!==a&&Jn.add(Br)});const er=Zt(Jn.values());return Zi(a,this._triggerName,v,w,ar,_t,bn,li,er,or,Xn,Rr)}}function Yt(C,u){const a=ei(u);for(const v in C)C.hasOwnProperty(v)&&null!=C[v]&&(a[v]=C[v]);return a}class fs{constructor(u,a,v){this.styles=u,this.defaultParams=a,this.normalizer=v}buildStyles(u,a){const v=new Map,w=ei(this.defaultParams);return Object.keys(u).forEach(x=>{const U=u[x];null!==U&&(w[x]=U)}),this.styles.styles.forEach(x=>{"string"!=typeof x&&x.forEach((U,z)=>{U&&(U=Qt(U,w,a));const re=this.normalizer.normalizePropertyName(z,a);U=this.normalizer.normalizeStyleValue(z,re,U,a),v.set(z,U)})}),v}}class ii{constructor(u,a,v){this.name=u,this.ast=a,this._normalizer=v,this.transitionFactories=[],this.states=new Map,a.states.forEach(w=>{this.states.set(w.name,new fs(w.style,w.options&&w.options.params||{},v))}),Nr(this.states,"true","1"),Nr(this.states,"false","0"),a.transitions.forEach(w=>{this.transitionFactories.push(new Oi(u,w,this.states))}),this.fallbackTransition=function qs(C,u,a){return new Oi(C,{type:1,animation:{type:2,steps:[],options:null},matchers:[(U,z)=>!0],options:null,queryCount:0,depCount:0},u)}(u,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(u,a,v,w){return this.transitionFactories.find(U=>U.match(u,a,v,w))||null}matchStyles(u,a,v){return this.fallbackTransition.buildStyles(u,a,v)}}function Nr(C,u,a){C.has(u)?C.has(a)||C.set(a,C.get(u)):C.has(a)&&C.set(u,C.get(a))}const Ts=new pi;class Qi{constructor(u,a,v){this.bodyNode=u,this._driver=a,this._normalizer=v,this._animations=new Map,this._playersById=new Map,this.players=[]}register(u,a){const v=[],x=Mi(this._driver,a,v,[]);if(v.length)throw function Vn(C){return new y.vHH(3503,!1)}();this._animations.set(u,x)}_buildPlayer(u,a,v){const w=u.element,x=ui(this._normalizer,u.keyframes,a,v);return this._driver.animate(w,x,u.duration,u.delay,u.easing,[],!0)}create(u,a,v={}){const w=[],x=this._animations.get(u);let U;const z=new Map;if(x?(U=Ln(this._driver,a,x,Ur,ln,new Map,new Map,v,Ts,w),U.forEach(Ze=>{const Qe=fn(z,Ze.element,new Map);Ze.postStyleProps.forEach(qt=>Qe.set(qt,null))})):(w.push(function xt(){return new y.vHH(3300,!1)}()),U=[]),w.length)throw function $t(C){return new y.vHH(3504,!1)}();z.forEach((Ze,Qe)=>{Ze.forEach((qt,Ct)=>{Ze.set(Ct,this._driver.computeStyle(Qe,Ct,he.l3))})});const pe=cr(U.map(Ze=>{const Qe=z.get(Ze.element);return this._buildPlayer(Ze,new Map,Qe)}));return this._playersById.set(u,pe),pe.onDestroy(()=>this.destroy(u)),this.players.push(pe),pe}destroy(u){const a=this._getPlayer(u);a.destroy(),this._playersById.delete(u);const v=this.players.indexOf(a);v>=0&&this.players.splice(v,1)}_getPlayer(u){const a=this._playersById.get(u);if(!a)throw function Bn(C){return new y.vHH(3301,!1)}();return a}listen(u,a,v,w){const x=at(a,"","","");return wi(this._getPlayer(u),v,x,w),()=>{}}command(u,a,v,w){if("register"==v)return void this.register(u,w[0]);if("create"==v)return void this.create(u,a,w[0]||{});const x=this._getPlayer(u);switch(v){case"play":x.play();break;case"pause":x.pause();break;case"reset":x.reset();break;case"restart":x.restart();break;case"finish":x.finish();break;case"init":x.init();break;case"setPosition":x.setPosition(parseFloat(w[0]));break;case"destroy":this.destroy(u)}}}const Is="ng-animate-queued",Wr="ng-animate-disabled",Qs=[],Js={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},so={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},_r="__ng_removed";class ps{get params(){return this.options.params}constructor(u,a=""){this.namespaceId=a;const v=u&&u.hasOwnProperty("value");if(this.value=function wo(C){return C??null}(v?u.value:u),v){const x=ei(u);delete x.value,this.options=x}else this.options={};this.options.params||(this.options.params={})}absorbOptions(u){const a=u.params;if(a){const v=this.options.params;Object.keys(a).forEach(w=>{null==v[w]&&(v[w]=a[w])})}}}const yi="void",gs=new ps(yi);class si{constructor(u,a,v){this.id=u,this.hostElement=a,this._engine=v,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+u,Kt(a,this._hostClassName)}listen(u,a,v,w){if(!this._triggers.has(a))throw function gr(C,u){return new y.vHH(3302,!1)}();if(null==v||0==v.length)throw function tr(C){return new y.vHH(3303,!1)}();if(!function Os(C){return"start"==C||"done"==C}(v))throw function Tr(C,u){return new y.vHH(3400,!1)}();const x=fn(this._elementListeners,u,[]),U={name:a,phase:v,callback:w};x.push(U);const z=fn(this._engine.statesByElement,u,new Map);return z.has(a)||(Kt(u,jr),Kt(u,jr+"-"+a),z.set(a,gs)),()=>{this._engine.afterFlush(()=>{const re=x.indexOf(U);re>=0&&x.splice(re,1),this._triggers.has(a)||z.delete(a)})}}register(u,a){return!this._triggers.has(u)&&(this._triggers.set(u,a),!0)}_getTrigger(u){const a=this._triggers.get(u);if(!a)throw function An(C){return new y.vHH(3401,!1)}();return a}trigger(u,a,v,w=!0){const x=this._getTrigger(a),U=new oi(this.id,a,u);let z=this._engine.statesByElement.get(u);z||(Kt(u,jr),Kt(u,jr+"-"+a),this._engine.statesByElement.set(u,z=new Map));let re=z.get(a);const pe=new ps(v,this.id);if(!(v&&v.hasOwnProperty("value"))&&re&&pe.absorbOptions(re.options),z.set(a,pe),re||(re=gs),pe.value!==yi&&re.value===pe.value){if(!function _(C,u){const a=Object.keys(C),v=Object.keys(u);if(a.length!=v.length)return!1;for(let w=0;w{$e(u,bn),ie(u,Jn)})}return}const qt=fn(this._engine.playersByElement,u,[]);qt.forEach(Tt=>{Tt.namespaceId==this.id&&Tt.triggerName==a&&Tt.queued&&Tt.destroy()});let Ct=x.matchTransition(re.value,pe.value,u,pe.params),_t=!1;if(!Ct){if(!w)return;Ct=x.fallbackTransition,_t=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:u,triggerName:a,transition:Ct,fromState:re,toState:pe,player:U,isFallbackTransition:_t}),_t||(Kt(u,Is),U.onStart(()=>{Et(u,Is)})),U.onDone(()=>{let Tt=this.players.indexOf(U);Tt>=0&&this.players.splice(Tt,1);const bn=this._engine.playersByElement.get(u);if(bn){let Jn=bn.indexOf(U);Jn>=0&&bn.splice(Jn,1)}}),this.players.push(U),qt.push(U),U}deregister(u){this._triggers.delete(u),this._engine.statesByElement.forEach(a=>a.delete(u)),this._elementListeners.forEach((a,v)=>{this._elementListeners.set(v,a.filter(w=>w.name!=u))})}clearElementCache(u){this._engine.statesByElement.delete(u),this._elementListeners.delete(u);const a=this._engine.playersByElement.get(u);a&&(a.forEach(v=>v.destroy()),this._engine.playersByElement.delete(u))}_signalRemovalForInnerTriggers(u,a){const v=this._engine.driver.query(u,yr,!0);v.forEach(w=>{if(w[_r])return;const x=this._engine.fetchNamespacesByElement(w);x.size?x.forEach(U=>U.triggerLeaveAnimation(w,a,!1,!0)):this.clearElementCache(w)}),this._engine.afterFlushAnimationsDone(()=>v.forEach(w=>this.clearElementCache(w)))}triggerLeaveAnimation(u,a,v,w){const x=this._engine.statesByElement.get(u),U=new Map;if(x){const z=[];if(x.forEach((re,pe)=>{if(U.set(pe,re.value),this._triggers.has(pe)){const Ze=this.trigger(u,pe,yi,w);Ze&&z.push(Ze)}}),z.length)return this._engine.markElementAsRemoved(this.id,u,!0,a,U),v&&cr(z).onDone(()=>this._engine.processLeaveNode(u)),!0}return!1}prepareLeaveAnimationListeners(u){const a=this._elementListeners.get(u),v=this._engine.statesByElement.get(u);if(a&&v){const w=new Set;a.forEach(x=>{const U=x.name;if(w.has(U))return;w.add(U);const re=this._triggers.get(U).fallbackTransition,pe=v.get(U)||gs,Ze=new ps(yi),Qe=new oi(this.id,U,u);this._engine.totalQueuedPlayers++,this._queue.push({element:u,triggerName:U,transition:re,fromState:pe,toState:Ze,player:Qe,isFallbackTransition:!0})})}}removeNode(u,a){const v=this._engine;if(u.childElementCount&&this._signalRemovalForInnerTriggers(u,a),this.triggerLeaveAnimation(u,a,!0))return;let w=!1;if(v.totalAnimations){const x=v.players.length?v.playersByQueriedElement.get(u):[];if(x&&x.length)w=!0;else{let U=u;for(;U=U.parentNode;)if(v.statesByElement.get(U)){w=!0;break}}}if(this.prepareLeaveAnimationListeners(u),w)v.markElementAsRemoved(this.id,u,!1,a);else{const x=u[_r];(!x||x===Js)&&(v.afterFlush(()=>this.clearElementCache(u)),v.destroyInnerAnimations(u),v._onRemovalComplete(u,a))}}insertNode(u,a){Kt(u,this._hostClassName)}drainQueuedTransitions(u){const a=[];return this._queue.forEach(v=>{const w=v.player;if(w.destroyed)return;const x=v.element,U=this._elementListeners.get(x);U&&U.forEach(z=>{if(z.name==v.triggerName){const re=at(x,v.triggerName,v.fromState.value,v.toState.value);re._data=u,wi(v.player,z.phase,re,z.callback)}}),w.markedForDestroy?this._engine.afterFlush(()=>{w.destroy()}):a.push(v)}),this._queue=[],a.sort((v,w)=>{const x=v.transition.ast.depCount,U=w.transition.ast.depCount;return 0==x||0==U?x-U:this._engine.driver.containsElement(v.element,w.element)?1:-1})}destroy(u){this.players.forEach(a=>a.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,u)}}class oo{_onRemovalComplete(u,a){this.onRemovalComplete(u,a)}constructor(u,a,v){this.bodyNode=u,this.driver=a,this._normalizer=v,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=(w,x)=>{}}get queuedPlayers(){const u=[];return this._namespaceList.forEach(a=>{a.players.forEach(v=>{v.queued&&u.push(v)})}),u}createNamespace(u,a){const v=new si(u,a,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,a)?this._balanceNamespaceList(v,a):(this.newHostElements.set(a,v),this.collectEnterElement(a)),this._namespaceLookup[u]=v}_balanceNamespaceList(u,a){const v=this._namespaceList,w=this.namespacesByHostElement;if(v.length-1>=0){let U=!1,z=this.driver.getParentElement(a);for(;z;){const re=w.get(z);if(re){const pe=v.indexOf(re);v.splice(pe+1,0,u),U=!0;break}z=this.driver.getParentElement(z)}U||v.unshift(u)}else v.push(u);return w.set(a,u),u}register(u,a){let v=this._namespaceLookup[u];return v||(v=this.createNamespace(u,a)),v}registerTrigger(u,a,v){let w=this._namespaceLookup[u];w&&w.register(a,v)&&this.totalAnimations++}destroy(u,a){u&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{const v=this._fetchNamespace(u);this.namespacesByHostElement.delete(v.hostElement);const w=this._namespaceList.indexOf(v);w>=0&&this._namespaceList.splice(w,1),v.destroy(a),delete this._namespaceLookup[u]}))}_fetchNamespace(u){return this._namespaceLookup[u]}fetchNamespacesByElement(u){const a=new Set,v=this.statesByElement.get(u);if(v)for(let w of v.values())if(w.namespaceId){const x=this._fetchNamespace(w.namespaceId);x&&a.add(x)}return a}trigger(u,a,v,w){if(Ji(a)){const x=this._fetchNamespace(u);if(x)return x.trigger(a,v,w),!0}return!1}insertNode(u,a,v,w){if(!Ji(a))return;const x=a[_r];if(x&&x.setForRemoval){x.setForRemoval=!1,x.setForMove=!0;const U=this.collectedLeaveElements.indexOf(a);U>=0&&this.collectedLeaveElements.splice(U,1)}if(u){const U=this._fetchNamespace(u);U&&U.insertNode(a,v)}w&&this.collectEnterElement(a)}collectEnterElement(u){this.collectedEnterElements.push(u)}markElementAsDisabled(u,a){a?this.disabledNodes.has(u)||(this.disabledNodes.add(u),Kt(u,Wr)):this.disabledNodes.has(u)&&(this.disabledNodes.delete(u),Et(u,Wr))}removeNode(u,a,v){if(Ji(a)){const w=u?this._fetchNamespace(u):null;w?w.removeNode(a,v):this.markElementAsRemoved(u,a,!1,v);const x=this.namespacesByHostElement.get(a);x&&x.id!==u&&x.removeNode(a,v)}else this._onRemovalComplete(a,v)}markElementAsRemoved(u,a,v,w,x){this.collectedLeaveElements.push(a),a[_r]={namespaceId:u,setForRemoval:w,hasAnimation:v,removedBeforeQueried:!1,previousTriggersValues:x}}listen(u,a,v,w,x){return Ji(a)?this._fetchNamespace(u).listen(a,v,w,x):()=>{}}_buildInstruction(u,a,v,w,x){return u.transition.build(this.driver,u.element,u.fromState.value,u.toState.value,v,w,u.fromState.options,u.toState.options,a,x)}destroyInnerAnimations(u){let a=this.driver.query(u,yr,!0);a.forEach(v=>this.destroyActiveAnimationsForElement(v)),0!=this.playersByQueriedElement.size&&(a=this.driver.query(u,qn,!0),a.forEach(v=>this.finishActiveQueriedAnimationOnElement(v)))}destroyActiveAnimationsForElement(u){const a=this.playersByElement.get(u);a&&a.forEach(v=>{v.queued?v.markedForDestroy=!0:v.destroy()})}finishActiveQueriedAnimationOnElement(u){const a=this.playersByQueriedElement.get(u);a&&a.forEach(v=>v.finish())}whenRenderingDone(){return new Promise(u=>{if(this.players.length)return cr(this.players).onDone(()=>u());u()})}processLeaveNode(u){const a=u[_r];if(a&&a.setForRemoval){if(u[_r]=Js,a.namespaceId){this.destroyInnerAnimations(u);const v=this._fetchNamespace(a.namespaceId);v&&v.clearElementCache(u)}this._onRemovalComplete(u,a.setForRemoval)}u.classList?.contains(Wr)&&this.markElementAsDisabled(u,!1),this.driver.query(u,".ng-animate-disabled",!0).forEach(v=>{this.markElementAsDisabled(v,!1)})}flush(u=-1){let a=[];if(this.newHostElements.size&&(this.newHostElements.forEach((v,w)=>this._balanceNamespaceList(v,w)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let v=0;vv()),this._flushFns=[],this._whenQuietFns.length){const v=this._whenQuietFns;this._whenQuietFns=[],a.length?cr(a).onDone(()=>{v.forEach(w=>w())}):v.forEach(w=>w())}}reportError(u){throw function ls(C){return new y.vHH(3402,!1)}()}_flushAnimations(u,a){const v=new pi,w=[],x=new Map,U=[],z=new Map,re=new Map,pe=new Map,Ze=new Set;this.disabledNodes.forEach(st=>{Ze.add(st);const ft=this.driver.query(st,".ng-animate-queued",!0);for(let lt=0;lt{const lt=Ur+Tt++;_t.set(ft,lt),st.forEach(Xt=>Kt(Xt,lt))});const bn=[],Jn=new Set,or=new Set;for(let st=0;stJn.add(Xt)):or.add(ft))}const Xn=new Map,ar=Lt(qt,Array.from(Jn));ar.forEach((st,ft)=>{const lt=ln+Tt++;Xn.set(ft,lt),st.forEach(Xt=>Kt(Xt,lt))}),u.push(()=>{Ct.forEach((st,ft)=>{const lt=_t.get(ft);st.forEach(Xt=>Et(Xt,lt))}),ar.forEach((st,ft)=>{const lt=Xn.get(ft);st.forEach(Xt=>Et(Xt,lt))}),bn.forEach(st=>{this.processLeaveNode(st)})});const Ps=[],li=[];for(let st=this._namespaceList.length-1;st>=0;st--)this._namespaceList[st].drainQueuedTransitions(a).forEach(lt=>{const Xt=lt.player,Wn=lt.element;if(Ps.push(Xt),this.collectedEnterElements.length){const Cr=Wn[_r];if(Cr&&Cr.setForMove){if(Cr.previousTriggersValues&&Cr.previousTriggersValues.has(lt.triggerName)){const Di=Cr.previousTriggersValues.get(lt.triggerName),Nn=this.statesByElement.get(lt.element);if(Nn&&Nn.has(lt.triggerName)){const xs=Nn.get(lt.triggerName);xs.value=Di,Nn.set(lt.triggerName,xs)}}return void Xt.destroy()}}const _i=!Qe||!this.driver.containsElement(Qe,Wn),$n=Xn.get(Wn),ns=_t.get(Wn),Pn=this._buildInstruction(lt,v,ns,$n,_i);if(Pn.errors&&Pn.errors.length)return void li.push(Pn);if(_i)return Xt.onStart(()=>$e(Wn,Pn.fromStyles)),Xt.onDestroy(()=>ie(Wn,Pn.toStyles)),void w.push(Xt);if(lt.isFallbackTransition)return Xt.onStart(()=>$e(Wn,Pn.fromStyles)),Xt.onDestroy(()=>ie(Wn,Pn.toStyles)),void w.push(Xt);const to=[];Pn.timelines.forEach(Cr=>{Cr.stretchStartingKeyframe=!0,this.disabledNodes.has(Cr.element)||to.push(Cr)}),Pn.timelines=to,v.append(Wn,Pn.timelines),U.push({instruction:Pn,player:Xt,element:Wn}),Pn.queriedElements.forEach(Cr=>fn(z,Cr,[]).push(Xt)),Pn.preStyleProps.forEach((Cr,Di)=>{if(Cr.size){let Nn=re.get(Di);Nn||re.set(Di,Nn=new Set),Cr.forEach((xs,wt)=>Nn.add(wt))}}),Pn.postStyleProps.forEach((Cr,Di)=>{let Nn=pe.get(Di);Nn||pe.set(Di,Nn=new Set),Cr.forEach((xs,wt)=>Nn.add(wt))})});if(li.length){const st=[];li.forEach(ft=>{st.push(function Jr(C,u){return new y.vHH(3505,!1)}())}),Ps.forEach(ft=>ft.destroy()),this.reportError(st)}const Rr=new Map,er=new Map;U.forEach(st=>{const ft=st.element;v.has(ft)&&(er.set(ft,ft),this._beforeAnimationBuild(st.player.namespaceId,st.instruction,Rr))}),w.forEach(st=>{const ft=st.element;this._getPreviousPlayers(ft,!1,st.namespaceId,st.triggerName,null).forEach(Xt=>{fn(Rr,ft,[]).push(Xt),Xt.destroy()})});const Pi=bn.filter(st=>F(st,re,pe)),Br=new Map;Ns(Br,this.driver,or,pe,he.l3).forEach(st=>{F(st,re,pe)&&Pi.push(st)});const Ds=new Map;Ct.forEach((st,ft)=>{Ns(Ds,this.driver,new Set(st),re,he.k1)}),Pi.forEach(st=>{const ft=Br.get(st),lt=Ds.get(st);Br.set(st,new Map([...ft?.entries()??[],...lt?.entries()??[]]))});const vi=[],Er=[],Zr={};U.forEach(st=>{const{element:ft,player:lt,instruction:Xt}=st;if(v.has(ft)){if(Ze.has(ft))return lt.onDestroy(()=>ie(ft,Xt.toStyles)),lt.disabled=!0,lt.overrideTotalTime(Xt.totalTime),void w.push(lt);let Wn=Zr;if(er.size>1){let $n=ft;const ns=[];for(;$n=$n.parentNode;){const Pn=er.get($n);if(Pn){Wn=Pn;break}ns.push($n)}ns.forEach(Pn=>er.set(Pn,Wn))}const _i=this._buildAnimation(lt.namespaceId,Xt,Rr,x,Ds,Br);if(lt.setRealPlayer(_i),Wn===Zr)vi.push(lt);else{const $n=this.playersByElement.get(Wn);$n&&$n.length&&(lt.parentPlayer=cr($n)),w.push(lt)}}else $e(ft,Xt.fromStyles),lt.onDestroy(()=>ie(ft,Xt.toStyles)),Er.push(lt),Ze.has(ft)&&w.push(lt)}),Er.forEach(st=>{const ft=x.get(st.element);if(ft&&ft.length){const lt=cr(ft);st.setRealPlayer(lt)}}),w.forEach(st=>{st.parentPlayer?st.syncPlayerEvents(st.parentPlayer):st.destroy()});for(let st=0;st!_i.destroyed);Wn.length?Ni(this,ft,Wn):this.processLeaveNode(ft)}return bn.length=0,vi.forEach(st=>{this.players.push(st),st.onDone(()=>{st.destroy();const ft=this.players.indexOf(st);this.players.splice(ft,1)}),st.play()}),vi}afterFlush(u){this._flushFns.push(u)}afterFlushAnimationsDone(u){this._whenQuietFns.push(u)}_getPreviousPlayers(u,a,v,w,x){let U=[];if(a){const z=this.playersByQueriedElement.get(u);z&&(U=z)}else{const z=this.playersByElement.get(u);if(z){const re=!x||x==yi;z.forEach(pe=>{pe.queued||!re&&pe.triggerName!=w||U.push(pe)})}}return(v||w)&&(U=U.filter(z=>!(v&&v!=z.namespaceId||w&&w!=z.triggerName))),U}_beforeAnimationBuild(u,a,v){const x=a.element,U=a.isRemovalTransition?void 0:u,z=a.isRemovalTransition?void 0:a.triggerName;for(const re of a.timelines){const pe=re.element,Ze=pe!==x,Qe=fn(v,pe,[]);this._getPreviousPlayers(pe,Ze,U,z,a.toState).forEach(Ct=>{const _t=Ct.getRealPlayer();_t.beforeDestroy&&_t.beforeDestroy(),Ct.destroy(),Qe.push(Ct)})}$e(x,a.fromStyles)}_buildAnimation(u,a,v,w,x,U){const z=a.triggerName,re=a.element,pe=[],Ze=new Set,Qe=new Set,qt=a.timelines.map(_t=>{const Tt=_t.element;Ze.add(Tt);const bn=Tt[_r];if(bn&&bn.removedBeforeQueried)return new he.ZN(_t.duration,_t.delay);const Jn=Tt!==re,or=function S(C){const u=[];return T(C,u),u}((v.get(Tt)||Qs).map(Rr=>Rr.getRealPlayer())).filter(Rr=>!!Rr.element&&Rr.element===Tt),Xn=x.get(Tt),ar=U.get(Tt),Ps=ui(this._normalizer,_t.keyframes,Xn,ar),li=this._buildPlayer(_t,Ps,or);if(_t.subTimeline&&w&&Qe.add(Tt),Jn){const Rr=new oi(u,z,Tt);Rr.setRealPlayer(li),pe.push(Rr)}return li});pe.forEach(_t=>{fn(this.playersByQueriedElement,_t.element,[]).push(_t),_t.onDone(()=>function ao(C,u,a){let v=C.get(u);if(v){if(v.length){const w=v.indexOf(a);v.splice(w,1)}0==v.length&&C.delete(u)}return v}(this.playersByQueriedElement,_t.element,_t))}),Ze.forEach(_t=>Kt(_t,$r));const Ct=cr(qt);return Ct.onDestroy(()=>{Ze.forEach(_t=>Et(_t,$r)),ie(re,a.toStyles)}),Qe.forEach(_t=>{fn(w,_t,[]).push(Ct)}),Ct}_buildPlayer(u,a,v){return a.length>0?this.driver.animate(u.element,a,u.duration,u.delay,u.easing,v):new he.ZN(u.duration,u.delay)}}class oi{constructor(u,a,v){this.namespaceId=u,this.triggerName=a,this.element=v,this._player=new he.ZN,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(u){this._containsRealPlayer||(this._player=u,this._queuedCallbacks.forEach((a,v)=>{a.forEach(w=>wi(u,v,void 0,w))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(u.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(u){this.totalTime=u}syncPlayerEvents(u){const a=this._player;a.triggerCallback&&u.onStart(()=>a.triggerCallback("start")),u.onDone(()=>this.finish()),u.onDestroy(()=>this.destroy())}_queueEvent(u,a){fn(this._queuedCallbacks,u,[]).push(a)}onDone(u){this.queued&&this._queueEvent("done",u),this._player.onDone(u)}onStart(u){this.queued&&this._queueEvent("start",u),this._player.onStart(u)}onDestroy(u){this.queued&&this._queueEvent("destroy",u),this._player.onDestroy(u)}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(u){this.queued||this._player.setPosition(u)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(u){const a=this._player;a.triggerCallback&&a.triggerCallback(u)}}function Ji(C){return C&&1===C.nodeType}function Ui(C,u){const a=C.style.display;return C.style.display=u??"none",a}function Ns(C,u,a,v,w){const x=[];a.forEach(re=>x.push(Ui(re)));const U=[];v.forEach((re,pe)=>{const Ze=new Map;re.forEach(Qe=>{const qt=u.computeStyle(pe,Qe,w);Ze.set(Qe,qt),(!qt||0==qt.length)&&(pe[_r]=so,U.push(pe))}),C.set(pe,Ze)});let z=0;return a.forEach(re=>Ui(re,x[z++])),U}function Lt(C,u){const a=new Map;if(C.forEach(z=>a.set(z,[])),0==u.length)return a;const w=new Set(u),x=new Map;function U(z){if(!z)return 1;let re=x.get(z);if(re)return re;const pe=z.parentNode;return re=a.has(pe)?pe:w.has(pe)?1:U(pe),x.set(z,re),re}return u.forEach(z=>{const re=U(z);1!==re&&a.get(re).push(z)}),a}function Kt(C,u){C.classList?.add(u)}function Et(C,u){C.classList?.remove(u)}function Ni(C,u,a){cr(a).onDone(()=>C.processLeaveNode(u))}function T(C,u){for(let a=0;aw.add(x)):u.set(C,v),a.delete(C),!0}class Z{constructor(u,a,v){this._driver=a,this._normalizer=v,this._triggerCache={},this.onRemovalComplete=(w,x)=>{},this._transitionEngine=new oo(u.body,a,v),this._timelineEngine=new Qi(u.body,a,v),this._transitionEngine.onRemovalComplete=(w,x)=>this.onRemovalComplete(w,x)}registerTrigger(u,a,v,w,x){const U=u+"-"+w;let z=this._triggerCache[U];if(!z){const re=[],Ze=Mi(this._driver,x,re,[]);if(re.length)throw function In(C,u){return new y.vHH(3404,!1)}();z=function mi(C,u,a){return new ii(C,u,a)}(w,Ze,this._normalizer),this._triggerCache[U]=z}this._transitionEngine.registerTrigger(a,w,z)}register(u,a){this._transitionEngine.register(u,a)}destroy(u,a){this._transitionEngine.destroy(u,a)}onInsert(u,a,v,w){this._transitionEngine.insertNode(u,a,v,w)}onRemove(u,a,v){this._transitionEngine.removeNode(u,a,v)}disableAnimations(u,a){this._transitionEngine.markElementAsDisabled(u,a)}process(u,a,v,w){if("@"==v.charAt(0)){const[x,U]=zt(v);this._timelineEngine.command(x,a,U,w)}else this._transitionEngine.trigger(u,a,v,w)}listen(u,a,v,w,x){if("@"==v.charAt(0)){const[U,z]=zt(v);return this._timelineEngine.listen(U,a,z,x)}return this._transitionEngine.listen(u,a,v,w,x)}flush(u=-1){this._transitionEngine.flush(u)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(u){this._transitionEngine.afterFlushAnimationsDone(u)}}let tt=(()=>{class C{static#e=this.initialStylesByElement=new WeakMap;constructor(a,v,w){this._element=a,this._startStyles=v,this._endStyles=w,this._state=0;let x=C.initialStylesByElement.get(a);x||C.initialStylesByElement.set(a,x=new Map),this._initialStyles=x}start(){this._state<1&&(this._startStyles&&ie(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(ie(this._element,this._initialStyles),this._endStyles&&(ie(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(C.initialStylesByElement.delete(this._element),this._startStyles&&($e(this._element,this._startStyles),this._endStyles=null),this._endStyles&&($e(this._element,this._endStyles),this._endStyles=null),ie(this._element,this._initialStyles),this._state=3)}}return C})();function Fe(C){let u=null;return C.forEach((a,v)=>{(function ct(C){return"display"===C||"position"===C})(v)&&(u=u||new Map,u.set(v,a))}),u}class on{constructor(u,a,v,w){this.element=u,this.keyframes=a,this.options=v,this._specialStyles=w,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=v.duration,this._delay=v.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(u=>u()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const u=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,u,this.options),this._finalKeyframe=u.length?u[u.length-1]:new Map;const a=()=>this._onFinish();this.domPlayer.addEventListener("finish",a),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",a)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(u){const a=[];return u.forEach(v=>{a.push(Object.fromEntries(v))}),a}_triggerWebAnimation(u,a,v){return u.animate(this._convertKeyframesToObject(a),v)}onStart(u){this._originalOnStartFns.push(u),this._onStartFns.push(u)}onDone(u){this._originalOnDoneFns.push(u),this._onDoneFns.push(u)}onDestroy(u){this._onDestroyFns.push(u)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(u=>u()),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(u=>u()),this._onDestroyFns=[])}setPosition(u){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=u*this.time}getPosition(){return+(this.domPlayer.currentTime??0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const u=new Map;this.hasStarted()&&this._finalKeyframe.forEach((v,w)=>{"offset"!==w&&u.set(w,this._finished?v:dr(this.element,w))}),this.currentSnapshot=u}triggerCallback(u){const a="start"===u?this._onStartFns:this._onDoneFns;a.forEach(v=>v()),a.length=0}}class Gn{validateStyleProperty(u){return!0}validateAnimatableStyleProperty(u){return!0}matchesElement(u,a){return!1}containsElement(u,a){return X(u,a)}getParentElement(u){return On(u)}query(u,a,v){return Me(u,a,v)}computeStyle(u,a,v){return window.getComputedStyle(u)[a]}animate(u,a,v,w,x,U=[]){const re={duration:v,delay:w,fill:0==w?"both":"forwards"};x&&(re.easing=x);const pe=new Map,Ze=U.filter(Ct=>Ct instanceof on);(function en(C,u){return 0===C||0===u})(v,w)&&Ze.forEach(Ct=>{Ct.currentSnapshot.forEach((_t,Tt)=>pe.set(Tt,_t))});let Qe=function Y(C){return C.length?C[0]instanceof Map?C:C.map(u=>ne(u)):[]}(a).map(Ct=>ue(Ct));Qe=function Ft(C,u,a){if(a.size&&u.length){let v=u[0],w=[];if(a.forEach((x,U)=>{v.has(U)||w.push(U),v.set(U,x)}),w.length)for(let x=1;xU.set(z,dr(C,z)))}}return u}(u,Qe,pe);const qt=function ut(C,u){let a=null,v=null;return Array.isArray(u)&&u.length?(a=Fe(u[0]),u.length>1&&(v=Fe(u[u.length-1]))):u instanceof Map&&(a=Fe(u)),a||v?new tt(C,a,v):null}(u,Qe);return new on(u,Qe,re,qt)}}const tn="@.disabled";class hr{constructor(u,a,v,w){this.namespaceId=u,this.delegate=a,this.engine=v,this._onDestroy=w,this.\u0275type=0}get data(){return this.delegate.data}destroyNode(u){this.delegate.destroyNode?.(u)}destroy(){this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),this._onDestroy?.()}createElement(u,a){return this.delegate.createElement(u,a)}createComment(u){return this.delegate.createComment(u)}createText(u){return this.delegate.createText(u)}appendChild(u,a){this.delegate.appendChild(u,a),this.engine.onInsert(this.namespaceId,a,u,!1)}insertBefore(u,a,v,w=!0){this.delegate.insertBefore(u,a,v),this.engine.onInsert(this.namespaceId,a,u,w)}removeChild(u,a,v){this.engine.onRemove(this.namespaceId,a,this.delegate)}selectRootElement(u,a){return this.delegate.selectRootElement(u,a)}parentNode(u){return this.delegate.parentNode(u)}nextSibling(u){return this.delegate.nextSibling(u)}setAttribute(u,a,v,w){this.delegate.setAttribute(u,a,v,w)}removeAttribute(u,a,v){this.delegate.removeAttribute(u,a,v)}addClass(u,a){this.delegate.addClass(u,a)}removeClass(u,a){this.delegate.removeClass(u,a)}setStyle(u,a,v,w){this.delegate.setStyle(u,a,v,w)}removeStyle(u,a,v){this.delegate.removeStyle(u,a,v)}setProperty(u,a,v){"@"==a.charAt(0)&&a==tn?this.disableAnimations(u,!!v):this.delegate.setProperty(u,a,v)}setValue(u,a){this.delegate.setValue(u,a)}listen(u,a,v){return this.delegate.listen(u,a,v)}disableAnimations(u,a){this.engine.disableAnimations(u,a)}}class ms extends hr{constructor(u,a,v,w,x){super(a,v,w,x),this.factory=u,this.namespaceId=a}setProperty(u,a,v){"@"==a.charAt(0)?"."==a.charAt(1)&&a==tn?this.disableAnimations(u,v=void 0===v||!!v):this.engine.process(this.namespaceId,u,a.slice(1),v):this.delegate.setProperty(u,a,v)}listen(u,a,v){if("@"==a.charAt(0)){const w=function Mt(C){switch(C){case"body":return document.body;case"document":return document;case"window":return window;default:return C}}(u);let x=a.slice(1),U="";return"@"!=x.charAt(0)&&([x,U]=function Xi(C){const u=C.indexOf(".");return[C.substring(0,u),C.slice(u+1)]}(x)),this.engine.listen(this.namespaceId,w,x,U,z=>{this.factory.scheduleListenerCallback(z._data||-1,v,z)})}return this.delegate.listen(u,a,v)}}class So{constructor(u,a,v){this.delegate=u,this.engine=a,this._zone=v,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,a.onRemovalComplete=(w,x)=>{const U=x?.parentNode(w);U&&x.removeChild(U,w)}}createRenderer(u,a){const w=this.delegate.createRenderer(u,a);if(!u||!a?.data?.animation){const pe=this._rendererCache;let Ze=pe.get(w);return Ze||(Ze=new hr("",w,this.engine,()=>pe.delete(w)),pe.set(w,Ze)),Ze}const x=a.id,U=a.id+"-"+this._currentId;this._currentId++,this.engine.register(U,u);const z=pe=>{Array.isArray(pe)?pe.forEach(z):this.engine.registerTrigger(x,U,u,pe.name,pe)};return a.data.animation.forEach(z),new ms(this,U,w,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(u,a,v){if(u>=0&&ua(v));const w=this._animationCallbacksBuffer;0==w.length&&queueMicrotask(()=>{this._zone.run(()=>{w.forEach(x=>{const[U,z]=x;U(z)}),this._animationCallbacksBuffer=[]})}),w.push([a,v])}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()}}const ji=[{provide:Ht,useFactory:function Mn(){return new kr}},{provide:Z,useClass:(()=>{class C extends Z{constructor(a,v,w,x){super(a,v,w)}ngOnDestroy(){this.flush()}static#e=this.\u0275fac=function(v){return new(v||C)(y.LFG(M.K0),y.LFG(et),y.LFG(Ht),y.LFG(y.z2F))};static#t=this.\u0275prov=y.Yz7({token:C,factory:C.\u0275fac})}return C})()},{provide:y.FYo,useFactory:function Rs(C,u,a){return new So(C,u,a)},deps:[c.se,Z,y.R0b]}],Kr=[{provide:et,useFactory:()=>new Gn},{provide:y.QbO,useValue:"BrowserAnimations"},...ji],$i=[{provide:et,useClass:Be},{provide:y.QbO,useValue:"NoopAnimations"},...ji];let Xs=(()=>{class C{static withConfig(a){return{ngModule:C,providers:a.disableAnimations?$i:Kr}}static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275mod=y.oAB({type:C});static#n=this.\u0275inj=y.cJS({providers:Kr,imports:[c.b2]})}return C})();var Ot=P(9246);let vs=(()=>{class C{static \u0275fac=function(v){return new(v||C)};static \u0275mod=y.oAB({type:C});static \u0275inj=y.cJS({imports:[M.ez,Oe.m8]})}return C})();var _s=P(1865),Rn=P(5609),Jt=P(2076),jn=P(2332);let Qn=(()=>{class C{platformId;el;zone;config;renderer;viewContainer;tooltipPosition;tooltipEvent="hover";appendTo;positionStyle;tooltipStyleClass;tooltipZIndex;escape=!0;showDelay;hideDelay;life;positionTop;positionLeft;autoHide=!0;fitContent=!0;hideOnEscape=!0;content;get disabled(){return this._disabled}set disabled(a){this._disabled=a,this.deactivate()}tooltipOptions;_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,id:(0,jn.Th)()+"_tooltip"};_disabled;container;styleClass;tooltipText;showTimeout;hideTimeout;active;mouseEnterListener;mouseLeaveListener;containerMouseleaveListener;clickListener;focusListener;blurListener;scrollHandler;resizeListener;constructor(a,v,w,x,U,z){this.platformId=a,this.el=v,this.zone=w,this.config=x,this.renderer=U,this.viewContainer=z}ngAfterViewInit(){(0,M.NF)(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 a=this.getTarget(this.el.nativeElement);a.addEventListener("focus",this.focusListener),a.addEventListener("blur",this.blurListener)}})}ngOnChanges(a){a.tooltipPosition&&this.setOption({tooltipPosition:a.tooltipPosition.currentValue}),a.tooltipEvent&&this.setOption({tooltipEvent:a.tooltipEvent.currentValue}),a.appendTo&&this.setOption({appendTo:a.appendTo.currentValue}),a.positionStyle&&this.setOption({positionStyle:a.positionStyle.currentValue}),a.tooltipStyleClass&&this.setOption({tooltipStyleClass:a.tooltipStyleClass.currentValue}),a.tooltipZIndex&&this.setOption({tooltipZIndex:a.tooltipZIndex.currentValue}),a.escape&&this.setOption({escape:a.escape.currentValue}),a.showDelay&&this.setOption({showDelay:a.showDelay.currentValue}),a.hideDelay&&this.setOption({hideDelay:a.hideDelay.currentValue}),a.life&&this.setOption({life:a.life.currentValue}),a.positionTop&&this.setOption({positionTop:a.positionTop.currentValue}),a.positionLeft&&this.setOption({positionLeft:a.positionLeft.currentValue}),a.disabled&&this.setOption({disabled:a.disabled.currentValue}),a.content&&(this.setOption({tooltipLabel:a.content.currentValue}),this.active&&(a.content.currentValue?this.container&&this.container.offsetParent?(this.updateText(),this.align()):this.show():this.hide())),a.autoHide&&this.setOption({autoHide:a.autoHide.currentValue}),a.id&&this.setOption({id:a.id.currentValue}),a.tooltipOptions&&(this._tooltipOptions={...this._tooltipOptions,...a.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(a){!this.container&&!this.showTimeout&&this.activate()}onMouseLeave(a){(this.isAutoHide()||!(Jt.p.hasClass(a.relatedTarget,"p-tooltip")||Jt.p.hasClass(a.relatedTarget,"p-tooltip-text")||Jt.p.hasClass(a.relatedTarget,"p-tooltip-arrow")))&&this.deactivate()}onFocus(a){this.activate()}onBlur(a){this.deactivate()}onInputClick(a){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 a=this.getOption("showDelay")?this.getOption("life")+this.getOption("showDelay"):this.getOption("life");this.hideTimeout=setTimeout(()=>{this.hide()},a)}}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"),this.container.setAttribute("id",this.getOption("id")),this.container.setAttribute("role","tooltip");let a=document.createElement("div");a.className="p-tooltip-arrow",this.container.appendChild(a),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")?Jt.p.appendChild(this.container,this.el.nativeElement):Jt.p.appendChild(this.container,this.getOption("appendTo")),this.container.style.display="inline-block",this.fitContent&&(this.container.style.width="fit-content"),this.isAutoHide()?this.container.style.pointerEvents="none":(this.container.style.pointerEvents="unset",this.bindContainerMouseleaveListener())}bindContainerMouseleaveListener(){this.containerMouseleaveListener||(this.containerMouseleaveListener=this.renderer.listen(this.container??this.container.nativeElement,"mouseleave",v=>{this.deactivate()}))}unbindContainerMouseleaveListener(){this.containerMouseleaveListener&&(this.bindContainerMouseleaveListener(),this.containerMouseleaveListener=null)}show(){!this.getOption("tooltipLabel")||this.getOption("disabled")||(this.create(),this.align(),Jt.p.fadeIn(this.container,250),"auto"===this.getOption("tooltipZIndex")?jn.P9.set("tooltip",this.container,this.config.zIndex.tooltip):this.container.style.zIndex=this.getOption("tooltipZIndex"),this.bindDocumentResizeListener(),this.bindScrollListener())}hide(){"auto"===this.getOption("tooltipZIndex")&&jn.P9.clear(this.container),this.remove()}updateText(){const a=this.getOption("tooltipLabel");if(a instanceof y.Rgc){const v=this.viewContainer.createEmbeddedView(a);v.detectChanges(),v.rootNodes.forEach(w=>this.tooltipText.appendChild(w))}else this.getOption("escape")?(this.tooltipText.innerHTML="",this.tooltipText.appendChild(document.createTextNode(a))):this.tooltipText.innerHTML=a}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 a=this.el.nativeElement.getBoundingClientRect();return{left:a.left+Jt.p.getWindowScrollLeft(),top:a.top+Jt.p.getWindowScrollTop()}}return{left:0,top:0}}alignRight(){this.preAlign("right");let a=this.getHostOffset(),v=a.left+Jt.p.getOuterWidth(this.el.nativeElement),w=a.top+(Jt.p.getOuterHeight(this.el.nativeElement)-Jt.p.getOuterHeight(this.container))/2;this.container.style.left=v+this.getOption("positionLeft")+"px",this.container.style.top=w+this.getOption("positionTop")+"px"}alignLeft(){this.preAlign("left");let a=this.getHostOffset(),v=a.left-Jt.p.getOuterWidth(this.container),w=a.top+(Jt.p.getOuterHeight(this.el.nativeElement)-Jt.p.getOuterHeight(this.container))/2;this.container.style.left=v+this.getOption("positionLeft")+"px",this.container.style.top=w+this.getOption("positionTop")+"px"}alignTop(){this.preAlign("top");let a=this.getHostOffset(),v=a.left+(Jt.p.getOuterWidth(this.el.nativeElement)-Jt.p.getOuterWidth(this.container))/2,w=a.top-Jt.p.getOuterHeight(this.container);this.container.style.left=v+this.getOption("positionLeft")+"px",this.container.style.top=w+this.getOption("positionTop")+"px"}alignBottom(){this.preAlign("bottom");let a=this.getHostOffset(),v=a.left+(Jt.p.getOuterWidth(this.el.nativeElement)-Jt.p.getOuterWidth(this.container))/2,w=a.top+Jt.p.getOuterHeight(this.el.nativeElement);this.container.style.left=v+this.getOption("positionLeft")+"px",this.container.style.top=w+this.getOption("positionTop")+"px"}setOption(a){this._tooltipOptions={...this._tooltipOptions,...a}}getOption(a){return this._tooltipOptions[a]}getTarget(a){return Jt.p.hasClass(a,"p-inputwrapper")?Jt.p.findSingle(a,"input"):a}preAlign(a){this.container.style.left="-999px",this.container.style.top="-999px";let v="p-tooltip p-component p-tooltip-"+a;this.container.className=this.getOption("tooltipStyleClass")?v+" "+this.getOption("tooltipStyleClass"):v}isOutOfBounds(){let a=this.container.getBoundingClientRect(),v=a.top,w=a.left,x=Jt.p.getOuterWidth(this.container),U=Jt.p.getOuterHeight(this.container),z=Jt.p.getViewport();return w+x>z.width||w<0||v<0||v+U>z.height}onWindowResize(a){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 Jt.V(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 a=this.getTarget(this.el.nativeElement);a.removeEventListener("focus",this.focusListener),a.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):Jt.p.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&&jn.P9.clear(this.container),this.remove(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null)}static \u0275fac=function(v){return new(v||C)(y.Y36(y.Lbi),y.Y36(y.SBq),y.Y36(y.R0b),y.Y36(Oe.b4),y.Y36(y.Qsj),y.Y36(y.s_b))};static \u0275dir=y.lG2({type:C,selectors:[["","pTooltip",""]],hostAttrs:[1,"p-element"],hostBindings:function(v,w){1&v&&y.NdJ("keydown.escape",function(U){return w.onPressEscape(U)},!1,y.evT)},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",content:["pTooltip","content"],disabled:["tooltipDisabled","disabled"],tooltipOptions:"tooltipOptions"},features:[y.TTD]})}return C})(),co=(()=>{class C{static \u0275fac=function(v){return new(v||C)};static \u0275mod=y.oAB({type:C});static \u0275inj=y.cJS({imports:[M.ez]})}return C})();var ai=P(4480),eo=P(1567);const Dr=["submenu"],uo=["app-menuitem",""];function p(C,u){if(1&C&&(y.TgZ(0,"div",4),y._uU(1),y.qZA()),2&C){const a=y.oxw();y.xp6(1),y.Oqu(a.item.label)}}function O(C,u){1&C&&y._UZ(0,"i",9)}function D(C,u){if(1&C){const a=y.EpF();y.TgZ(0,"a",5),y.NdJ("click",function(w){y.CHM(a);const x=y.oxw();return y.KtG(x.itemClick(w))})("mouseenter",function(){y.CHM(a);const w=y.oxw();return y.KtG(w.onMouseEnter())}),y._UZ(1,"i",6),y.TgZ(2,"span",7),y._uU(3),y.qZA(),y.YNc(4,O,1,0,"i",8),y.qZA()}if(2&C){const a=y.oxw();y.Q6J("ngClass",a.item.class)("pTooltip",a.item.label)("tooltipDisabled",!(a.isSlim&&a.root&&!a.active)),y.uIk("href",a.item.url,y.LSH)("target",a.item.target),y.xp6(1),y.Q6J("ngClass",a.item.icon),y.xp6(2),y.Oqu(a.item.label),y.xp6(1),y.Q6J("ngIf",a.item.items)}}function I(C,u){1&C&&y._UZ(0,"i",9)}const H=()=>({paths:"exact",queryParams:"ignored",matrixParams:"ignored",fragment:"ignored"});function de(C,u){if(1&C){const a=y.EpF();y.TgZ(0,"a",10),y.NdJ("click",function(w){y.CHM(a);const x=y.oxw();return y.KtG(x.itemClick(w))})("mouseenter",function(){y.CHM(a);const w=y.oxw();return y.KtG(w.onMouseEnter())}),y._UZ(1,"i",6),y.TgZ(2,"span",7),y._uU(3),y.qZA(),y.YNc(4,I,1,0,"i",8),y.qZA()}if(2&C){const a=y.oxw();y.Q6J("ngClass",a.item.class)("routerLink",a.item.routerLink)("routerLinkActiveOptions",a.item.routerLinkActiveOptions||y.DdM(16,H))("fragment",a.item.fragment)("queryParamsHandling",a.item.queryParamsHandling)("preserveFragment",a.item.preserveFragment)("skipLocationChange",a.item.skipLocationChange)("replaceUrl",a.item.replaceUrl)("state",a.item.state)("queryParams",a.item.queryParams)("pTooltip",a.item.label)("tooltipDisabled",!(a.isSlim&&a.root)),y.uIk("target",a.item.target),y.xp6(1),y.Q6J("ngClass",a.item.icon),y.xp6(2),y.Oqu(a.item.label),y.xp6(1),y.Q6J("ngIf",a.item.items)}}function Pe(C,u){if(1&C&&y._UZ(0,"li",13),2&C){const a=u.$implicit,v=u.index,w=y.oxw(2);y.Tol(a.badgeClass),y.Q6J("item",a)("index",v)("parentKey",w.key)}}function nt(C,u){if(1&C){const a=y.EpF();y.TgZ(0,"ul",null,11),y.NdJ("@children.done",function(w){y.CHM(a);const x=y.oxw();return y.KtG(x.onSubmenuAnimated(w))}),y.YNc(2,Pe,1,5,"ng-template",12),y.qZA()}if(2&C){const a=y.oxw();y.Q6J("@children",a.submenuAnimation),y.xp6(2),y.Q6J("ngForOf",a.item.items)}}let Cn=(()=>{class C{constructor(a,v,w,x,U){this.layoutService=a,this.cd=v,this.router=w,this.appSidebar=x,this.menuService=U,this.active=!1,this.key="",this.menuSourceSubscription=this.menuService.menuSource$.subscribe(z=>{Promise.resolve(null).then(()=>{z.routeEvent?this.active=!(z.key!==this.key&&!z.key.startsWith(this.key+"-")):z.key!==this.key&&!z.key.startsWith(this.key+"-")&&(this.active=!1)})}),this.menuResetSubscription=this.menuService.resetSource$.subscribe(()=>{this.active=!1}),this.router.events.pipe((0,te.h)(z=>z instanceof V.m2)).subscribe(z=>{this.isSlimPlus||this.isSlim||this.isHorizontal?this.active=!1:this.item.routerLink&&this.updateActiveStateFromRoute()})}ngOnInit(){this.key=this.parentKey?this.parentKey+"-"+this.index:String(this.index),!(this.isSlimPlus||this.isSlim||this.isHorizontal)&&this.item.routerLink&&this.updateActiveStateFromRoute()}ngAfterViewChecked(){this.root&&this.active&&this.layoutService.isDesktop()&&(this.layoutService.isHorizontal()||this.layoutService.isSlim()||this.layoutService.isSlimPlus())&&this.calculatePosition(this.submenu?.nativeElement,this.submenu?.nativeElement.parentElement)}updateActiveStateFromRoute(){this.router.isActive(this.item.routerLink[0],{paths:"exact",queryParams:"ignored",matrixParams:"ignored",fragment:"ignored"})&&this.menuService.onMenuStateChange({key:this.key,routeEvent:!0})}onSubmenuAnimated(a){if("visible"===a.toState&&this.layoutService.isDesktop()&&(this.layoutService.isHorizontal()||this.layoutService.isSlim()||this.layoutService.isSlimPlus())){const v=a.element;this.calculatePosition(v,v.parentElement)}}calculatePosition(a,v){if(a){const{left:w,top:x}=v.getBoundingClientRect(),[U,z]=[window.innerWidth,window.innerHeight],[re,pe]=[a.offsetWidth,a.offsetHeight],Ze=Jt.p.calculateScrollbarWidth();if(a.style.top="",a.style.left="",this.layoutService.isHorizontal()){const Qe=w+re+Ze;a.style.left=U expanded",(0,he.jt)("400ms cubic-bezier(0.86, 0, 0.07, 1)"))])]}})}return C})(),hn=(()=>{class C{static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275mod=y.oAB({type:C});static#n=this.\u0275inj=y.cJS({imports:[c.b2,ve.u5,ge.JF,Xs,Ge.j,Ot.l,vs,_s.cc,Rn.Iu,ze.hJ,co,ai.T,V.Bz,eo.h]})}return C})();y.B6R(J,[M.sg,M.O5,Cn],[]);let pn=(()=>{class C{static#e=this.\u0275fac=function(v){return new(v||C)};static#t=this.\u0275mod=y.oAB({type:C,bootstrap:[Ue]});static#n=this.\u0275inj=y.cJS({providers:[{provide:M.S$,useClass:M.Do}],imports:[He,hn]})}return C})();c.q6().bootstrapModule(pn).catch(C=>console.error(C))},5619:(ot,we,P)=>{P.d(we,{X:()=>M});var c=P(8645);class M extends c.x{constructor(te){super(),this._value=te}get value(){return this.getValue()}_subscribe(te){const y=super._subscribe(te);return!y.closed&&te.next(this._value),y}getValue(){const{hasError:te,thrownError:y,_value:R}=this;if(te)throw y;return this._throwIfClosed(),R}next(te){super.next(this._value=te)}}},5592:(ot,we,P)=>{P.d(we,{y:()=>j});var c=P(305),M=P(7394),V=P(4850),te=P(8407),y=P(2653),R=P(4674),L=P(1441);let j=(()=>{class oe{constructor(Se){Se&&(this._subscribe=Se)}lift(Se){const ve=new oe;return ve.source=this,ve.operator=Se,ve}subscribe(Se,ve,Ge){const ze=function K(oe){return oe&&oe instanceof c.Lv||function J(oe){return oe&&(0,R.m)(oe.next)&&(0,R.m)(oe.error)&&(0,R.m)(oe.complete)}(oe)&&(0,M.Nn)(oe)}(Se)?Se:new c.Hp(Se,ve,Ge);return(0,L.x)(()=>{const{operator:pt,source:Nt}=this;ze.add(pt?pt.call(ze,Nt):Nt?this._subscribe(ze):this._trySubscribe(ze))}),ze}_trySubscribe(Se){try{return this._subscribe(Se)}catch(ve){Se.error(ve)}}forEach(Se,ve){return new(ve=G(ve))((Ge,ze)=>{const pt=new c.Hp({next:Nt=>{try{Se(Nt)}catch(St){ze(St),pt.unsubscribe()}},error:ze,complete:Ge});this.subscribe(pt)})}_subscribe(Se){var ve;return null===(ve=this.source)||void 0===ve?void 0:ve.subscribe(Se)}[V.L](){return this}pipe(...Se){return(0,te.U)(Se)(this)}toPromise(Se){return new(Se=G(Se))((ve,Ge)=>{let ze;this.subscribe(pt=>ze=pt,pt=>Ge(pt),()=>ve(ze))})}}return oe.create=fe=>new oe(fe),oe})();function G(oe){var fe;return null!==(fe=oe??y.config.Promise)&&void 0!==fe?fe:Promise}},8645:(ot,we,P)=>{P.d(we,{x:()=>L});var c=P(5592),M=P(7394);const te=(0,P(2306).d)(G=>function(){G(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});var y=P(9039),R=P(1441);let L=(()=>{class G extends c.y{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(K){const oe=new j(this,this);return oe.operator=K,oe}_throwIfClosed(){if(this.closed)throw new te}next(K){(0,R.x)(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const oe of this.currentObservers)oe.next(K)}})}error(K){(0,R.x)(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=K;const{observers:oe}=this;for(;oe.length;)oe.shift().error(K)}})}complete(){(0,R.x)(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:K}=this;for(;K.length;)K.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var K;return(null===(K=this.observers)||void 0===K?void 0:K.length)>0}_trySubscribe(K){return this._throwIfClosed(),super._trySubscribe(K)}_subscribe(K){return this._throwIfClosed(),this._checkFinalizedStatuses(K),this._innerSubscribe(K)}_innerSubscribe(K){const{hasError:oe,isStopped:fe,observers:Se}=this;return oe||fe?M.Lc:(this.currentObservers=null,Se.push(K),new M.w0(()=>{this.currentObservers=null,(0,y.P)(Se,K)}))}_checkFinalizedStatuses(K){const{hasError:oe,thrownError:fe,isStopped:Se}=this;oe?K.error(fe):Se&&K.complete()}asObservable(){const K=new c.y;return K.source=this,K}}return G.create=(J,K)=>new j(J,K),G})();class j extends L{constructor(J,K){super(),this.destination=J,this.source=K}next(J){var K,oe;null===(oe=null===(K=this.destination)||void 0===K?void 0:K.next)||void 0===oe||oe.call(K,J)}error(J){var K,oe;null===(oe=null===(K=this.destination)||void 0===K?void 0:K.error)||void 0===oe||oe.call(K,J)}complete(){var J,K;null===(K=null===(J=this.destination)||void 0===J?void 0:J.complete)||void 0===K||K.call(J)}_subscribe(J){var K,oe;return null!==(oe=null===(K=this.source)||void 0===K?void 0:K.subscribe(J))&&void 0!==oe?oe:M.Lc}}},305:(ot,we,P)=>{P.d(we,{Hp:()=>Ge,Lv:()=>oe});var c=P(4674),M=P(7394),V=P(2653),te=P(3894),y=P(2420);const R=G("C",void 0,void 0);function G(Ee,Ae,Ie){return{kind:Ee,value:Ae,error:Ie}}var J=P(7599),K=P(1441);class oe extends M.w0{constructor(Ae){super(),this.isStopped=!1,Ae?(this.destination=Ae,(0,M.Nn)(Ae)&&Ae.add(this)):this.destination=St}static create(Ae,Ie,Re){return new Ge(Ae,Ie,Re)}next(Ae){this.isStopped?Nt(function j(Ee){return G("N",Ee,void 0)}(Ae),this):this._next(Ae)}error(Ae){this.isStopped?Nt(function L(Ee){return G("E",void 0,Ee)}(Ae),this):(this.isStopped=!0,this._error(Ae))}complete(){this.isStopped?Nt(R,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(Ae){this.destination.next(Ae)}_error(Ae){try{this.destination.error(Ae)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const fe=Function.prototype.bind;function Se(Ee,Ae){return fe.call(Ee,Ae)}class ve{constructor(Ae){this.partialObserver=Ae}next(Ae){const{partialObserver:Ie}=this;if(Ie.next)try{Ie.next(Ae)}catch(Re){ze(Re)}}error(Ae){const{partialObserver:Ie}=this;if(Ie.error)try{Ie.error(Ae)}catch(Re){ze(Re)}else ze(Ae)}complete(){const{partialObserver:Ae}=this;if(Ae.complete)try{Ae.complete()}catch(Ie){ze(Ie)}}}class Ge extends oe{constructor(Ae,Ie,Re){let Ne;if(super(),(0,c.m)(Ae)||!Ae)Ne={next:Ae??void 0,error:Ie??void 0,complete:Re??void 0};else{let ye;this&&V.config.useDeprecatedNextContext?(ye=Object.create(Ae),ye.unsubscribe=()=>this.unsubscribe(),Ne={next:Ae.next&&Se(Ae.next,ye),error:Ae.error&&Se(Ae.error,ye),complete:Ae.complete&&Se(Ae.complete,ye)}):Ne=Ae}this.destination=new ve(Ne)}}function ze(Ee){V.config.useDeprecatedSynchronousErrorHandling?(0,K.O)(Ee):(0,te.h)(Ee)}function Nt(Ee,Ae){const{onStoppedNotification:Ie}=V.config;Ie&&J.z.setTimeout(()=>Ie(Ee,Ae))}const St={closed:!0,next:y.Z,error:function pt(Ee){throw Ee},complete:y.Z}},7394:(ot,we,P)=>{P.d(we,{Lc:()=>R,w0:()=>y,Nn:()=>L});var c=P(4674);const V=(0,P(2306).d)(G=>function(K){G(this),this.message=K?`${K.length} errors occurred during unsubscription:\n${K.map((oe,fe)=>`${fe+1}) ${oe.toString()}`).join("\n ")}`:"",this.name="UnsubscriptionError",this.errors=K});var te=P(9039);class y{constructor(J){this.initialTeardown=J,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let J;if(!this.closed){this.closed=!0;const{_parentage:K}=this;if(K)if(this._parentage=null,Array.isArray(K))for(const Se of K)Se.remove(this);else K.remove(this);const{initialTeardown:oe}=this;if((0,c.m)(oe))try{oe()}catch(Se){J=Se instanceof V?Se.errors:[Se]}const{_finalizers:fe}=this;if(fe){this._finalizers=null;for(const Se of fe)try{j(Se)}catch(ve){J=J??[],ve instanceof V?J=[...J,...ve.errors]:J.push(ve)}}if(J)throw new V(J)}}add(J){var K;if(J&&J!==this)if(this.closed)j(J);else{if(J instanceof y){if(J.closed||J._hasParent(this))return;J._addParent(this)}(this._finalizers=null!==(K=this._finalizers)&&void 0!==K?K:[]).push(J)}}_hasParent(J){const{_parentage:K}=this;return K===J||Array.isArray(K)&&K.includes(J)}_addParent(J){const{_parentage:K}=this;this._parentage=Array.isArray(K)?(K.push(J),K):K?[K,J]:J}_removeParent(J){const{_parentage:K}=this;K===J?this._parentage=null:Array.isArray(K)&&(0,te.P)(K,J)}remove(J){const{_finalizers:K}=this;K&&(0,te.P)(K,J),J instanceof y&&J._removeParent(this)}}y.EMPTY=(()=>{const G=new y;return G.closed=!0,G})();const R=y.EMPTY;function L(G){return G instanceof y||G&&"closed"in G&&(0,c.m)(G.remove)&&(0,c.m)(G.add)&&(0,c.m)(G.unsubscribe)}function j(G){(0,c.m)(G)?G():G.unsubscribe()}},2653:(ot,we,P)=>{P.d(we,{config:()=>c});const c={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1}},6232:(ot,we,P)=>{P.d(we,{E:()=>M});const M=new(P(5592).y)(y=>y.complete())},7715:(ot,we,P)=>{P.d(we,{D:()=>Re});var c=P(4829),M=P(7103),V=P(9360),te=P(8251);function y(Ne,ye=0){return(0,V.e)((se,He)=>{se.subscribe((0,te.x)(He,Oe=>(0,M.f)(He,Ne,()=>He.next(Oe),ye),()=>(0,M.f)(He,Ne,()=>He.complete(),ye),Oe=>(0,M.f)(He,Ne,()=>He.error(Oe),ye)))})}function R(Ne,ye=0){return(0,V.e)((se,He)=>{He.add(Ne.schedule(()=>se.subscribe(He),ye))})}var G=P(5592),K=P(4971),oe=P(4674);function Se(Ne,ye){if(!Ne)throw new Error("Iterable cannot be null");return new G.y(se=>{(0,M.f)(se,ye,()=>{const He=Ne[Symbol.asyncIterator]();(0,M.f)(se,ye,()=>{He.next().then(Oe=>{Oe.done?se.complete():se.next(Oe.value)})},0,!0)})})}var ve=P(8382),Ge=P(4026),ze=P(4266),pt=P(3664),Nt=P(5726),St=P(9853),Ee=P(541);function Re(Ne,ye){return ye?function Ie(Ne,ye){if(null!=Ne){if((0,ve.c)(Ne))return function L(Ne,ye){return(0,c.Xf)(Ne).pipe(R(ye),y(ye))}(Ne,ye);if((0,ze.z)(Ne))return function J(Ne,ye){return new G.y(se=>{let He=0;return ye.schedule(function(){He===Ne.length?se.complete():(se.next(Ne[He++]),se.closed||this.schedule())})})}(Ne,ye);if((0,Ge.t)(Ne))return function j(Ne,ye){return(0,c.Xf)(Ne).pipe(R(ye),y(ye))}(Ne,ye);if((0,Nt.D)(Ne))return Se(Ne,ye);if((0,pt.T)(Ne))return function fe(Ne,ye){return new G.y(se=>{let He;return(0,M.f)(se,ye,()=>{He=Ne[K.h](),(0,M.f)(se,ye,()=>{let Oe,Ue;try{({value:Oe,done:Ue}=He.next())}catch(ge){return void se.error(ge)}Ue?se.complete():se.next(Oe)},0,!0)}),()=>(0,oe.m)(He?.return)&&He.return()})}(Ne,ye);if((0,Ee.L)(Ne))return function Ae(Ne,ye){return Se((0,Ee.Q)(Ne),ye)}(Ne,ye)}throw(0,St.z)(Ne)}(Ne,ye):(0,c.Xf)(Ne)}},4829:(ot,we,P)=>{P.d(we,{Xf:()=>fe});var c=P(7582),M=P(4266),V=P(4026),te=P(5592),y=P(8382),R=P(5726),L=P(9853),j=P(3664),G=P(541),J=P(4674),K=P(3894),oe=P(4850);function fe(Ee){if(Ee instanceof te.y)return Ee;if(null!=Ee){if((0,y.c)(Ee))return function Se(Ee){return new te.y(Ae=>{const Ie=Ee[oe.L]();if((0,J.m)(Ie.subscribe))return Ie.subscribe(Ae);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(Ee);if((0,M.z)(Ee))return function ve(Ee){return new te.y(Ae=>{for(let Ie=0;Ie{Ee.then(Ie=>{Ae.closed||(Ae.next(Ie),Ae.complete())},Ie=>Ae.error(Ie)).then(null,K.h)})}(Ee);if((0,R.D)(Ee))return pt(Ee);if((0,j.T)(Ee))return function ze(Ee){return new te.y(Ae=>{for(const Ie of Ee)if(Ae.next(Ie),Ae.closed)return;Ae.complete()})}(Ee);if((0,G.L)(Ee))return function Nt(Ee){return pt((0,G.Q)(Ee))}(Ee)}throw(0,L.z)(Ee)}function pt(Ee){return new te.y(Ae=>{(function St(Ee,Ae){var Ie,Re,Ne,ye;return(0,c.mG)(this,void 0,void 0,function*(){try{for(Ie=(0,c.KL)(Ee);!(Re=yield Ie.next()).done;)if(Ae.next(Re.value),Ae.closed)return}catch(se){Ne={error:se}}finally{try{Re&&!Re.done&&(ye=Ie.return)&&(yield ye.call(Ie))}finally{if(Ne)throw Ne.error}}Ae.complete()})})(Ee,Ae).catch(Ie=>Ae.error(Ie))})}},2096:(ot,we,P)=>{P.d(we,{of:()=>V});var c=P(4564),M=P(7715);function V(...te){const y=(0,c.yG)(te);return(0,M.D)(te,y)}},8251:(ot,we,P)=>{P.d(we,{x:()=>M});var c=P(305);function M(te,y,R,L,j){return new V(te,y,R,L,j)}class V extends c.Lv{constructor(y,R,L,j,G,J){super(y),this.onFinalize=G,this.shouldUnsubscribe=J,this._next=R?function(K){try{R(K)}catch(oe){y.error(oe)}}:super._next,this._error=j?function(K){try{j(K)}catch(oe){y.error(oe)}finally{this.unsubscribe()}}:super._error,this._complete=L?function(){try{L()}catch(K){y.error(K)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var y;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:R}=this;super.unsubscribe(),!R&&(null===(y=this.onFinalize)||void 0===y||y.call(this))}}}},6328:(ot,we,P)=>{P.d(we,{b:()=>V});var c=P(1631),M=P(4674);function V(te,y){return(0,M.m)(y)?(0,c.z)(te,y,1):(0,c.z)(te,1)}},2181:(ot,we,P)=>{P.d(we,{h:()=>V});var c=P(9360),M=P(8251);function V(te,y){return(0,c.e)((R,L)=>{let j=0;R.subscribe((0,M.x)(L,G=>te.call(y,G,j++)&&L.next(G)))})}},4716:(ot,we,P)=>{P.d(we,{x:()=>M});var c=P(9360);function M(V){return(0,c.e)((te,y)=>{try{te.subscribe(y)}finally{y.add(V)}})}},7398:(ot,we,P)=>{P.d(we,{U:()=>V});var c=P(9360),M=P(8251);function V(te,y){return(0,c.e)((R,L)=>{let j=0;R.subscribe((0,M.x)(L,G=>{L.next(te.call(y,G,j++))}))})}},7537:(ot,we,P)=>{P.d(we,{J:()=>V});var c=P(1631),M=P(2737);function V(te=1/0){return(0,c.z)(M.y,te)}},1631:(ot,we,P)=>{P.d(we,{z:()=>j});var c=P(7398),M=P(4829),V=P(9360),te=P(7103),y=P(8251),L=P(4674);function j(G,J,K=1/0){return(0,L.m)(J)?j((oe,fe)=>(0,c.U)((Se,ve)=>J(oe,Se,fe,ve))((0,M.Xf)(G(oe,fe))),K):("number"==typeof J&&(K=J),(0,V.e)((oe,fe)=>function R(G,J,K,oe,fe,Se,ve,Ge){const ze=[];let pt=0,Nt=0,St=!1;const Ee=()=>{St&&!ze.length&&!pt&&J.complete()},Ae=Re=>pt{Se&&J.next(Re),pt++;let Ne=!1;(0,M.Xf)(K(Re,Nt++)).subscribe((0,y.x)(J,ye=>{fe?.(ye),Se?Ae(ye):J.next(ye)},()=>{Ne=!0},void 0,()=>{if(Ne)try{for(pt--;ze.length&&ptIe(ye)):Ie(ye)}Ee()}catch(ye){J.error(ye)}}))};return G.subscribe((0,y.x)(J,Ae,()=>{St=!0,Ee()})),()=>{Ge?.()}}(oe,fe,G,K)))}},4664:(ot,we,P)=>{P.d(we,{w:()=>te});var c=P(4829),M=P(9360),V=P(8251);function te(y,R){return(0,M.e)((L,j)=>{let G=null,J=0,K=!1;const oe=()=>K&&!G&&j.complete();L.subscribe((0,V.x)(j,fe=>{G?.unsubscribe();let Se=0;const ve=J++;(0,c.Xf)(y(fe,ve)).subscribe(G=(0,V.x)(j,Ge=>j.next(R?R(fe,Ge,ve,Se++):Ge),()=>{G=null,oe()}))},()=>{K=!0,oe()}))})}},7599:(ot,we,P)=>{P.d(we,{z:()=>c});const c={setTimeout(M,V,...te){const{delegate:y}=c;return y?.setTimeout?y.setTimeout(M,V,...te):setTimeout(M,V,...te)},clearTimeout(M){const{delegate:V}=c;return(V?.clearTimeout||clearTimeout)(M)},delegate:void 0}},4971:(ot,we,P)=>{P.d(we,{h:()=>M});const M=function c(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},4850:(ot,we,P)=>{P.d(we,{L:()=>c});const c="function"==typeof Symbol&&Symbol.observable||"@@observable"},4564:(ot,we,P)=>{P.d(we,{_6:()=>R,jO:()=>te,yG:()=>y});var c=P(4674);function V(L){return L[L.length-1]}function te(L){return(0,c.m)(V(L))?L.pop():void 0}function y(L){return function M(L){return L&&(0,c.m)(L.schedule)}(V(L))?L.pop():void 0}function R(L,j){return"number"==typeof V(L)?L.pop():j}},7453:(ot,we,P)=>{P.d(we,{D:()=>y});const{isArray:c}=Array,{getPrototypeOf:M,prototype:V,keys:te}=Object;function y(L){if(1===L.length){const j=L[0];if(c(j))return{args:j,keys:null};if(function R(L){return L&&"object"==typeof L&&M(L)===V}(j)){const G=te(j);return{args:G.map(J=>j[J]),keys:G}}}return{args:L,keys:null}}},9039:(ot,we,P)=>{function c(M,V){if(M){const te=M.indexOf(V);0<=te&&M.splice(te,1)}}P.d(we,{P:()=>c})},2306:(ot,we,P)=>{function c(M){const te=M(y=>{Error.call(y),y.stack=(new Error).stack});return te.prototype=Object.create(Error.prototype),te.prototype.constructor=te,te}P.d(we,{d:()=>c})},2714:(ot,we,P)=>{function c(M,V){return M.reduce((te,y,R)=>(te[y]=V[R],te),{})}P.d(we,{n:()=>c})},1441:(ot,we,P)=>{P.d(we,{O:()=>te,x:()=>V});var c=P(2653);let M=null;function V(y){if(c.config.useDeprecatedSynchronousErrorHandling){const R=!M;if(R&&(M={errorThrown:!1,error:null}),y(),R){const{errorThrown:L,error:j}=M;if(M=null,L)throw j}}else y()}function te(y){c.config.useDeprecatedSynchronousErrorHandling&&M&&(M.errorThrown=!0,M.error=y)}},7103:(ot,we,P)=>{function c(M,V,te,y=0,R=!1){const L=V.schedule(function(){te(),R?M.add(this.schedule(null,y)):this.unsubscribe()},y);if(M.add(L),!R)return L}P.d(we,{f:()=>c})},2737:(ot,we,P)=>{function c(M){return M}P.d(we,{y:()=>c})},4266:(ot,we,P)=>{P.d(we,{z:()=>c});const c=M=>M&&"number"==typeof M.length&&"function"!=typeof M},5726:(ot,we,P)=>{P.d(we,{D:()=>M});var c=P(4674);function M(V){return Symbol.asyncIterator&&(0,c.m)(V?.[Symbol.asyncIterator])}},4674:(ot,we,P)=>{function c(M){return"function"==typeof M}P.d(we,{m:()=>c})},8382:(ot,we,P)=>{P.d(we,{c:()=>V});var c=P(4850),M=P(4674);function V(te){return(0,M.m)(te[c.L])}},3664:(ot,we,P)=>{P.d(we,{T:()=>V});var c=P(4971),M=P(4674);function V(te){return(0,M.m)(te?.[c.h])}},4026:(ot,we,P)=>{P.d(we,{t:()=>M});var c=P(4674);function M(V){return(0,c.m)(V?.then)}},541:(ot,we,P)=>{P.d(we,{L:()=>te,Q:()=>V});var c=P(7582),M=P(4674);function V(y){return(0,c.FC)(this,arguments,function*(){const L=y.getReader();try{for(;;){const{value:j,done:G}=yield(0,c.qq)(L.read());if(G)return yield(0,c.qq)(void 0);yield yield(0,c.qq)(j)}}finally{L.releaseLock()}})}function te(y){return(0,M.m)(y?.getReader)}},9360:(ot,we,P)=>{P.d(we,{A:()=>M,e:()=>V});var c=P(4674);function M(te){return(0,c.m)(te?.lift)}function V(te){return y=>{if(M(y))return y.lift(function(R){try{return te(R,this)}catch(L){this.error(L)}});throw new TypeError("Unable to lift unknown Observable type")}}},7400:(ot,we,P)=>{P.d(we,{Z:()=>te});var c=P(7398);const{isArray:M}=Array;function te(y){return(0,c.U)(R=>function V(y,R){return M(R)?y(...R):y(R)}(y,R))}},2420:(ot,we,P)=>{function c(){}P.d(we,{Z:()=>c})},8407:(ot,we,P)=>{P.d(we,{U:()=>V,z:()=>M});var c=P(2737);function M(...te){return V(te)}function V(te){return 0===te.length?c.y:1===te.length?te[0]:function(R){return te.reduce((L,j)=>j(L),R)}}},3894:(ot,we,P)=>{P.d(we,{h:()=>V});var c=P(2653),M=P(7599);function V(te){M.z.setTimeout(()=>{const{onUnhandledError:y}=c.config;if(!y)throw te;y(te)})}},9853:(ot,we,P)=>{function c(M){return new TypeError(`You provided ${null!==M&&"object"==typeof M?"an invalid object":`'${M}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}P.d(we,{z:()=>c})},6825:(ot,we,P)=>{P.d(we,{SB:()=>L,X$:()=>M,ZE:()=>Re,ZN:()=>Ie,_7:()=>oe,eR:()=>G,jt:()=>V,k1:()=>Ne,l3:()=>c,oB:()=>R,oQ:()=>J,vP:()=>y});const c="*";function M(ye,se){return{type:7,name:ye,definitions:se,options:{}}}function V(ye,se=null){return{type:4,styles:se,timings:ye}}function y(ye,se=null){return{type:2,steps:ye,options:se}}function R(ye){return{type:6,styles:ye,offset:null}}function L(ye,se,He){return{type:0,name:ye,styles:se,options:He}}function G(ye,se,He=null){return{type:1,expr:ye,animation:se,options:He}}function J(ye,se=null){return{type:8,animation:ye,options:se}}function oe(ye,se=null){return{type:10,animation:ye,options:se}}class Ie{constructor(se=0,He=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=se+He}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(se=>se()),this._onDoneFns=[])}onStart(se){this._originalOnStartFns.push(se),this._onStartFns.push(se)}onDone(se){this._originalOnDoneFns.push(se),this._onDoneFns.push(se)}onDestroy(se){this._onDestroyFns.push(se)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(se=>se()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(se=>se()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(se){this._position=this.totalTime?se*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(se){const He="start"==se?this._onStartFns:this._onDoneFns;He.forEach(Oe=>Oe()),He.length=0}}class Re{constructor(se){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=se;let He=0,Oe=0,Ue=0;const ge=this.players.length;0==ge?queueMicrotask(()=>this._onFinish()):this.players.forEach(he=>{he.onDone(()=>{++He==ge&&this._onFinish()}),he.onDestroy(()=>{++Oe==ge&&this._onDestroy()}),he.onStart(()=>{++Ue==ge&&this._onStart()})}),this.totalTime=this.players.reduce((he,Ve)=>Math.max(he,Ve.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(se=>se()),this._onDoneFns=[])}init(){this.players.forEach(se=>se.init())}onStart(se){this._onStartFns.push(se)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(se=>se()),this._onStartFns=[])}onDone(se){this._onDoneFns.push(se)}onDestroy(se){this._onDestroyFns.push(se)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(se=>se.play())}pause(){this.players.forEach(se=>se.pause())}restart(){this.players.forEach(se=>se.restart())}finish(){this._onFinish(),this.players.forEach(se=>se.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(se=>se.destroy()),this._onDestroyFns.forEach(se=>se()),this._onDestroyFns=[])}reset(){this.players.forEach(se=>se.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(se){const He=se*this.totalTime;this.players.forEach(Oe=>{const Ue=Oe.totalTime?Math.min(1,He/Oe.totalTime):1;Oe.setPosition(Ue)})}getPosition(){const se=this.players.reduce((He,Oe)=>null===He||Oe.totalTime>He.totalTime?Oe:He,null);return null!=se?se.getPosition():0}beforeDestroy(){this.players.forEach(se=>{se.beforeDestroy&&se.beforeDestroy()})}triggerCallback(se){const He="start"==se?this._onStartFns:this._onDoneFns;He.forEach(Oe=>Oe()),He.length=0}}const Ne="!"},6814:(ot,we,P)=>{P.d(we,{Do:()=>Ge,EM:()=>Zn,HT:()=>te,JF:()=>ii,K0:()=>R,Mx:()=>q,NF:()=>ds,O5:()=>cn,Ov:()=>ti,PC:()=>Sn,PM:()=>Zi,S$:()=>fe,V_:()=>j,Ye:()=>ze,b0:()=>ve,bD:()=>Gr,ez:()=>Bt,mk:()=>$e,q:()=>V,sg:()=>vt,tP:()=>Vr,w_:()=>y});var c=P(5849);let M=null;function V(){return M}function te(p){M||(M=p)}class y{}const R=new c.OlP("DocumentToken");let L=(()=>{class p{historyGo(D){throw new Error("Not implemented")}static#e=this.\u0275fac=function(I){return new(I||p)};static#t=this.\u0275prov=c.Yz7({token:p,factory:()=>(0,c.f3M)(G),providedIn:"platform"})}return p})();const j=new c.OlP("Location Initialized");let G=(()=>{class p extends L{constructor(){super(),this._doc=(0,c.f3M)(R),this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return V().getBaseHref(this._doc)}onPopState(D){const I=V().getGlobalEventTarget(this._doc,"window");return I.addEventListener("popstate",D,!1),()=>I.removeEventListener("popstate",D)}onHashChange(D){const I=V().getGlobalEventTarget(this._doc,"window");return I.addEventListener("hashchange",D,!1),()=>I.removeEventListener("hashchange",D)}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(D){this._location.pathname=D}pushState(D,I,H){this._history.pushState(D,I,H)}replaceState(D,I,H){this._history.replaceState(D,I,H)}forward(){this._history.forward()}back(){this._history.back()}historyGo(D=0){this._history.go(D)}getState(){return this._history.state}static#e=this.\u0275fac=function(I){return new(I||p)};static#t=this.\u0275prov=c.Yz7({token:p,factory:()=>new p,providedIn:"platform"})}return p})();function J(p,O){if(0==p.length)return O;if(0==O.length)return p;let D=0;return p.endsWith("/")&&D++,O.startsWith("/")&&D++,2==D?p+O.substring(1):1==D?p+O:p+"/"+O}function K(p){const O=p.match(/#|\?|$/),D=O&&O.index||p.length;return p.slice(0,D-("/"===p[D-1]?1:0))+p.slice(D)}function oe(p){return p&&"?"!==p[0]?"?"+p:p}let fe=(()=>{class p{historyGo(D){throw new Error("Not implemented")}static#e=this.\u0275fac=function(I){return new(I||p)};static#t=this.\u0275prov=c.Yz7({token:p,factory:()=>(0,c.f3M)(ve),providedIn:"root"})}return p})();const Se=new c.OlP("appBaseHref");let ve=(()=>{class p extends fe{constructor(D,I){super(),this._platformLocation=D,this._removeListenerFns=[],this._baseHref=I??this._platformLocation.getBaseHrefFromDOM()??(0,c.f3M)(R).location?.origin??""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(D){this._removeListenerFns.push(this._platformLocation.onPopState(D),this._platformLocation.onHashChange(D))}getBaseHref(){return this._baseHref}prepareExternalUrl(D){return J(this._baseHref,D)}path(D=!1){const I=this._platformLocation.pathname+oe(this._platformLocation.search),H=this._platformLocation.hash;return H&&D?`${I}${H}`:I}pushState(D,I,H,de){const Pe=this.prepareExternalUrl(H+oe(de));this._platformLocation.pushState(D,I,Pe)}replaceState(D,I,H,de){const Pe=this.prepareExternalUrl(H+oe(de));this._platformLocation.replaceState(D,I,Pe)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(D=0){this._platformLocation.historyGo?.(D)}static#e=this.\u0275fac=function(I){return new(I||p)(c.LFG(L),c.LFG(Se,8))};static#t=this.\u0275prov=c.Yz7({token:p,factory:p.\u0275fac,providedIn:"root"})}return p})(),Ge=(()=>{class p extends fe{constructor(D,I){super(),this._platformLocation=D,this._baseHref="",this._removeListenerFns=[],null!=I&&(this._baseHref=I)}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(D){this._removeListenerFns.push(this._platformLocation.onPopState(D),this._platformLocation.onHashChange(D))}getBaseHref(){return this._baseHref}path(D=!1){let I=this._platformLocation.hash;return null==I&&(I="#"),I.length>0?I.substring(1):I}prepareExternalUrl(D){const I=J(this._baseHref,D);return I.length>0?"#"+I:I}pushState(D,I,H,de){let Pe=this.prepareExternalUrl(H+oe(de));0==Pe.length&&(Pe=this._platformLocation.pathname),this._platformLocation.pushState(D,I,Pe)}replaceState(D,I,H,de){let Pe=this.prepareExternalUrl(H+oe(de));0==Pe.length&&(Pe=this._platformLocation.pathname),this._platformLocation.replaceState(D,I,Pe)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(D=0){this._platformLocation.historyGo?.(D)}static#e=this.\u0275fac=function(I){return new(I||p)(c.LFG(L),c.LFG(Se,8))};static#t=this.\u0275prov=c.Yz7({token:p,factory:p.\u0275fac})}return p})(),ze=(()=>{class p{constructor(D){this._subject=new c.vpe,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=D;const I=this._locationStrategy.getBaseHref();this._basePath=function Ee(p){if(new RegExp("^(https?:)?//").test(p)){const[,D]=p.split(/\/\/[^\/]+/);return D}return p}(K(St(I))),this._locationStrategy.onPopState(H=>{this._subject.emit({url:this.path(!0),pop:!0,state:H.state,type:H.type})})}ngOnDestroy(){this._urlChangeSubscription?.unsubscribe(),this._urlChangeListeners=[]}path(D=!1){return this.normalize(this._locationStrategy.path(D))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(D,I=""){return this.path()==this.normalize(D+oe(I))}normalize(D){return p.stripTrailingSlash(function Nt(p,O){if(!p||!O.startsWith(p))return O;const D=O.substring(p.length);return""===D||["/",";","?","#"].includes(D[0])?D:O}(this._basePath,St(D)))}prepareExternalUrl(D){return D&&"/"!==D[0]&&(D="/"+D),this._locationStrategy.prepareExternalUrl(D)}go(D,I="",H=null){this._locationStrategy.pushState(H,"",D,I),this._notifyUrlChangeListeners(this.prepareExternalUrl(D+oe(I)),H)}replaceState(D,I="",H=null){this._locationStrategy.replaceState(H,"",D,I),this._notifyUrlChangeListeners(this.prepareExternalUrl(D+oe(I)),H)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(D=0){this._locationStrategy.historyGo?.(D)}onUrlChange(D){return this._urlChangeListeners.push(D),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(I=>{this._notifyUrlChangeListeners(I.url,I.state)})),()=>{const I=this._urlChangeListeners.indexOf(D);this._urlChangeListeners.splice(I,1),0===this._urlChangeListeners.length&&(this._urlChangeSubscription?.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(D="",I){this._urlChangeListeners.forEach(H=>H(D,I))}subscribe(D,I,H){return this._subject.subscribe({next:D,error:I,complete:H})}static#e=this.normalizeQueryParams=oe;static#t=this.joinWithSlash=J;static#n=this.stripTrailingSlash=K;static#r=this.\u0275fac=function(I){return new(I||p)(c.LFG(fe))};static#i=this.\u0275prov=c.Yz7({token:p,factory:()=>function pt(){return new ze((0,c.LFG)(fe))}(),providedIn:"root"})}return p})();function St(p){return p.replace(/\/index.html$/,"")}function q(p,O){O=encodeURIComponent(O);for(const D of p.split(";")){const I=D.indexOf("="),[H,de]=-1==I?[D,""]:[D.slice(0,I),D.slice(I+1)];if(H.trim()===O)return decodeURIComponent(de)}return null}const ue=/\s+/,ie=[];let $e=(()=>{class p{constructor(D,I,H,de){this._iterableDiffers=D,this._keyValueDiffers=I,this._ngEl=H,this._renderer=de,this.initialClasses=ie,this.stateMap=new Map}set klass(D){this.initialClasses=null!=D?D.trim().split(ue):ie}set ngClass(D){this.rawClass="string"==typeof D?D.trim().split(ue):D}ngDoCheck(){for(const I of this.initialClasses)this._updateState(I,!0);const D=this.rawClass;if(Array.isArray(D)||D instanceof Set)for(const I of D)this._updateState(I,!0);else if(null!=D)for(const I of Object.keys(D))this._updateState(I,!!D[I]);this._applyStateDiff()}_updateState(D,I){const H=this.stateMap.get(D);void 0!==H?(H.enabled!==I&&(H.changed=!0,H.enabled=I),H.touched=!0):this.stateMap.set(D,{enabled:I,changed:!0,touched:!0})}_applyStateDiff(){for(const D of this.stateMap){const I=D[0],H=D[1];H.changed?(this._toggleClass(I,H.enabled),H.changed=!1):H.touched||(H.enabled&&this._toggleClass(I,!1),this.stateMap.delete(I)),H.touched=!1}}_toggleClass(D,I){(D=D.trim()).length>0&&D.split(ue).forEach(H=>{I?this._renderer.addClass(this._ngEl.nativeElement,H):this._renderer.removeClass(this._ngEl.nativeElement,H)})}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.ZZ4),c.Y36(c.aQg),c.Y36(c.SBq),c.Y36(c.Qsj))};static#t=this.\u0275dir=c.lG2({type:p,selectors:[["","ngClass",""]],inputs:{klass:["class","klass"],ngClass:"ngClass"},standalone:!0})}return p})();class dt{constructor(O,D,I,H){this.$implicit=O,this.ngForOf=D,this.index=I,this.count=H}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 vt=(()=>{class p{set ngForOf(D){this._ngForOf=D,this._ngForOfDirty=!0}set ngForTrackBy(D){this._trackByFn=D}get ngForTrackBy(){return this._trackByFn}constructor(D,I,H){this._viewContainer=D,this._template=I,this._differs=H,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(D){D&&(this._template=D)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const D=this._ngForOf;!this._differ&&D&&(this._differ=this._differs.find(D).create(this.ngForTrackBy))}if(this._differ){const D=this._differ.diff(this._ngForOf);D&&this._applyChanges(D)}}_applyChanges(D){const I=this._viewContainer;D.forEachOperation((H,de,Pe)=>{if(null==H.previousIndex)I.createEmbeddedView(this._template,new dt(H.item,this._ngForOf,-1,-1),null===Pe?void 0:Pe);else if(null==Pe)I.remove(null===de?void 0:de);else if(null!==de){const nt=I.get(de);I.move(nt,Pe),Qt(nt,H)}});for(let H=0,de=I.length;H{Qt(I.get(H.currentIndex),H)})}static ngTemplateContextGuard(D,I){return!0}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.s_b),c.Y36(c.Rgc),c.Y36(c.ZZ4))};static#t=this.\u0275dir=c.lG2({type:p,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0})}return p})();function Qt(p,O){p.context.$implicit=O.item}let cn=(()=>{class p{constructor(D,I){this._viewContainer=D,this._context=new Ir,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=I}set ngIf(D){this._context.$implicit=this._context.ngIf=D,this._updateView()}set ngIfThen(D){xn("ngIfThen",D),this._thenTemplateRef=D,this._thenViewRef=null,this._updateView()}set ngIfElse(D){xn("ngIfElse",D),this._elseTemplateRef=D,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(D,I){return!0}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.s_b),c.Y36(c.Rgc))};static#t=this.\u0275dir=c.lG2({type:p,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0})}return p})();class Ir{constructor(){this.$implicit=null,this.ngIf=null}}function xn(p,O){if(O&&!O.createEmbeddedView)throw new Error(`${p} must be a TemplateRef, but received '${(0,c.AaK)(O)}'.`)}let Sn=(()=>{class p{constructor(D,I,H){this._ngEl=D,this._differs=I,this._renderer=H,this._ngStyle=null,this._differ=null}set ngStyle(D){this._ngStyle=D,!this._differ&&D&&(this._differ=this._differs.find(D).create())}ngDoCheck(){if(this._differ){const D=this._differ.diff(this._ngStyle);D&&this._applyChanges(D)}}_setStyle(D,I){const[H,de]=D.split("."),Pe=-1===H.indexOf("-")?void 0:c.JOm.DashCase;null!=I?this._renderer.setStyle(this._ngEl.nativeElement,H,de?`${I}${de}`:I,Pe):this._renderer.removeStyle(this._ngEl.nativeElement,H,Pe)}_applyChanges(D){D.forEachRemovedItem(I=>this._setStyle(I.key,null)),D.forEachAddedItem(I=>this._setStyle(I.key,I.currentValue)),D.forEachChangedItem(I=>this._setStyle(I.key,I.currentValue))}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.SBq),c.Y36(c.aQg),c.Y36(c.Qsj))};static#t=this.\u0275dir=c.lG2({type:p,selectors:[["","ngStyle",""]],inputs:{ngStyle:"ngStyle"},standalone:!0})}return p})(),Vr=(()=>{class p{constructor(D){this._viewContainerRef=D,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(D){if(this._shouldRecreateView(D)){const I=this._viewContainerRef;if(this._viewRef&&I.remove(I.indexOf(this._viewRef)),!this.ngTemplateOutlet)return void(this._viewRef=null);const H=this._createContextForwardProxy();this._viewRef=I.createEmbeddedView(this.ngTemplateOutlet,H,{injector:this.ngTemplateOutletInjector??void 0})}}_shouldRecreateView(D){return!!D.ngTemplateOutlet||!!D.ngTemplateOutletInjector}_createContextForwardProxy(){return new Proxy({},{set:(D,I,H)=>!!this.ngTemplateOutletContext&&Reflect.set(this.ngTemplateOutletContext,I,H),get:(D,I,H)=>{if(this.ngTemplateOutletContext)return Reflect.get(this.ngTemplateOutletContext,I,H)}})}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.s_b))};static#t=this.\u0275dir=c.lG2({type:p,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[c.TTD]})}return p})();class Ms{createSubscription(O,D){return(0,c.rg0)(()=>O.subscribe({next:D,error:I=>{throw I}}))}dispose(O){(0,c.rg0)(()=>O.unsubscribe())}}class zs{createSubscription(O,D){return O.then(D,I=>{throw I})}dispose(O){}}const Vt=new zs,Si=new Ms;let ti=(()=>{class p{constructor(D){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=D}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(D){return this._obj?D!==this._obj?(this._dispose(),this.transform(D)):this._latestValue:(D&&this._subscribe(D),this._latestValue)}_subscribe(D){this._obj=D,this._strategy=this._selectStrategy(D),this._subscription=this._strategy.createSubscription(D,I=>this._updateLatestValue(D,I))}_selectStrategy(D){if((0,c.QGY)(D))return Vt;if((0,c.F4k)(D))return Si;throw function kt(p,O){return new c.vHH(2100,!1)}()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(D,I){D===this._obj&&(this._latestValue=I,this._ref.markForCheck())}static#e=this.\u0275fac=function(I){return new(I||p)(c.Y36(c.sBO,16))};static#t=this.\u0275pipe=c.Yjl({name:"async",type:p,pure:!1,standalone:!0})}return p})(),Bt=(()=>{class p{static#e=this.\u0275fac=function(I){return new(I||p)};static#t=this.\u0275mod=c.oAB({type:p});static#n=this.\u0275inj=c.cJS({})}return p})();const Gr="browser",ri="server";function ds(p){return p===Gr}function Zi(p){return p===ri}let Zn=(()=>{class p{static#e=this.\u0275prov=(0,c.Yz7)({token:p,providedIn:"root",factory:()=>new Yt((0,c.LFG)(R),window)})}return p})();class Yt{constructor(O,D){this.document=O,this.window=D,this.offset=()=>[0,0]}setOffset(O){this.offset=Array.isArray(O)?()=>O:O}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(O){this.supportsScrolling()&&this.window.scrollTo(O[0],O[1])}scrollToAnchor(O){if(!this.supportsScrolling())return;const D=function fs(p,O){const D=p.getElementById(O)||p.getElementsByName(O)[0];if(D)return D;if("function"==typeof p.createTreeWalker&&p.body&&"function"==typeof p.body.attachShadow){const I=p.createTreeWalker(p.body,NodeFilter.SHOW_ELEMENT);let H=I.currentNode;for(;H;){const de=H.shadowRoot;if(de){const Pe=de.getElementById(O)||de.querySelector(`[name="${O}"]`);if(Pe)return Pe}H=I.nextNode()}}return null}(this.document,O);D&&(this.scrollToElement(D),D.focus())}setHistoryScrollRestoration(O){this.supportsScrolling()&&(this.window.history.scrollRestoration=O)}scrollToElement(O){const D=O.getBoundingClientRect(),I=D.left+this.window.pageXOffset,H=D.top+this.window.pageYOffset,de=this.offset();this.window.scrollTo(I-de[0],H-de[1])}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}class ii{}},9862:(ot,we,P)=>{P.d(we,{JF:()=>Ht,eN:()=>me}),P(5861);var M=P(5849),V=P(2096),te=P(5592),y=P(7715),R=P(6328),L=P(2181),j=P(7398),G=P(4716),J=P(4664),K=P(6814);class oe{}class fe{}class Se{constructor(Y){this.normalizedNames=new Map,this.lazyUpdate=null,Y?"string"==typeof Y?this.lazyInit=()=>{this.headers=new Map,Y.split("\n").forEach(q=>{const ue=q.indexOf(":");if(ue>0){const ie=q.slice(0,ue),$e=ie.toLowerCase(),Ke=q.slice(ue+1).trim();this.maybeSetNormalizedName(ie,$e),this.headers.has($e)?this.headers.get($e).push(Ke):this.headers.set($e,[Ke])}})}:typeof Headers<"u"&&Y instanceof Headers?(this.headers=new Map,Y.forEach((q,ue)=>{this.setHeaderEntries(ue,q)})):this.lazyInit=()=>{this.headers=new Map,Object.entries(Y).forEach(([q,ue])=>{this.setHeaderEntries(q,ue)})}:this.headers=new Map}has(Y){return this.init(),this.headers.has(Y.toLowerCase())}get(Y){this.init();const q=this.headers.get(Y.toLowerCase());return q&&q.length>0?q[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(Y){return this.init(),this.headers.get(Y.toLowerCase())||null}append(Y,q){return this.clone({name:Y,value:q,op:"a"})}set(Y,q){return this.clone({name:Y,value:q,op:"s"})}delete(Y,q){return this.clone({name:Y,value:q,op:"d"})}maybeSetNormalizedName(Y,q){this.normalizedNames.has(q)||this.normalizedNames.set(q,Y)}init(){this.lazyInit&&(this.lazyInit instanceof Se?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(Y=>this.applyUpdate(Y)),this.lazyUpdate=null))}copyFrom(Y){Y.init(),Array.from(Y.headers.keys()).forEach(q=>{this.headers.set(q,Y.headers.get(q)),this.normalizedNames.set(q,Y.normalizedNames.get(q))})}clone(Y){const q=new Se;return q.lazyInit=this.lazyInit&&this.lazyInit instanceof Se?this.lazyInit:this,q.lazyUpdate=(this.lazyUpdate||[]).concat([Y]),q}applyUpdate(Y){const q=Y.name.toLowerCase();switch(Y.op){case"a":case"s":let ue=Y.value;if("string"==typeof ue&&(ue=[ue]),0===ue.length)return;this.maybeSetNormalizedName(Y.name,q);const ie=("a"===Y.op?this.headers.get(q):void 0)||[];ie.push(...ue),this.headers.set(q,ie);break;case"d":const $e=Y.value;if($e){let Ke=this.headers.get(q);if(!Ke)return;Ke=Ke.filter(bt=>-1===$e.indexOf(bt)),0===Ke.length?(this.headers.delete(q),this.normalizedNames.delete(q)):this.headers.set(q,Ke)}else this.headers.delete(q),this.normalizedNames.delete(q)}}setHeaderEntries(Y,q){const ue=(Array.isArray(q)?q:[q]).map($e=>$e.toString()),ie=Y.toLowerCase();this.headers.set(ie,ue),this.maybeSetNormalizedName(Y,ie)}forEach(Y){this.init(),Array.from(this.normalizedNames.keys()).forEach(q=>Y(this.normalizedNames.get(q),this.headers.get(q)))}}class Ge{encodeKey(Y){return St(Y)}encodeValue(Y){return St(Y)}decodeKey(Y){return decodeURIComponent(Y)}decodeValue(Y){return decodeURIComponent(Y)}}const pt=/%(\d[a-f0-9])/gi,Nt={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function St(ne){return encodeURIComponent(ne).replace(pt,(Y,q)=>Nt[q]??Y)}function Ee(ne){return`${ne}`}class Ae{constructor(Y={}){if(this.updates=null,this.cloneFrom=null,this.encoder=Y.encoder||new Ge,Y.fromString){if(Y.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function ze(ne,Y){const q=new Map;return ne.length>0&&ne.replace(/^\?/,"").split("&").forEach(ie=>{const $e=ie.indexOf("="),[Ke,bt]=-1==$e?[Y.decodeKey(ie),""]:[Y.decodeKey(ie.slice(0,$e)),Y.decodeValue(ie.slice($e+1))],dt=q.get(Ke)||[];dt.push(bt),q.set(Ke,dt)}),q}(Y.fromString,this.encoder)}else Y.fromObject?(this.map=new Map,Object.keys(Y.fromObject).forEach(q=>{const ue=Y.fromObject[q],ie=Array.isArray(ue)?ue.map(Ee):[Ee(ue)];this.map.set(q,ie)})):this.map=null}has(Y){return this.init(),this.map.has(Y)}get(Y){this.init();const q=this.map.get(Y);return q?q[0]:null}getAll(Y){return this.init(),this.map.get(Y)||null}keys(){return this.init(),Array.from(this.map.keys())}append(Y,q){return this.clone({param:Y,value:q,op:"a"})}appendAll(Y){const q=[];return Object.keys(Y).forEach(ue=>{const ie=Y[ue];Array.isArray(ie)?ie.forEach($e=>{q.push({param:ue,value:$e,op:"a"})}):q.push({param:ue,value:ie,op:"a"})}),this.clone(q)}set(Y,q){return this.clone({param:Y,value:q,op:"s"})}delete(Y,q){return this.clone({param:Y,value:q,op:"d"})}toString(){return this.init(),this.keys().map(Y=>{const q=this.encoder.encodeKey(Y);return this.map.get(Y).map(ue=>q+"="+this.encoder.encodeValue(ue)).join("&")}).filter(Y=>""!==Y).join("&")}clone(Y){const q=new Ae({encoder:this.encoder});return q.cloneFrom=this.cloneFrom||this,q.updates=(this.updates||[]).concat(Y),q}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(Y=>this.map.set(Y,this.cloneFrom.map.get(Y))),this.updates.forEach(Y=>{switch(Y.op){case"a":case"s":const q=("a"===Y.op?this.map.get(Y.param):void 0)||[];q.push(Ee(Y.value)),this.map.set(Y.param,q);break;case"d":if(void 0===Y.value){this.map.delete(Y.param);break}{let ue=this.map.get(Y.param)||[];const ie=ue.indexOf(Ee(Y.value));-1!==ie&&ue.splice(ie,1),ue.length>0?this.map.set(Y.param,ue):this.map.delete(Y.param)}}}),this.cloneFrom=this.updates=null)}}class Re{constructor(){this.map=new Map}set(Y,q){return this.map.set(Y,q),this}get(Y){return this.map.has(Y)||this.map.set(Y,Y.defaultValue()),this.map.get(Y)}delete(Y){return this.map.delete(Y),this}has(Y){return this.map.has(Y)}keys(){return this.map.keys()}}function ye(ne){return typeof ArrayBuffer<"u"&&ne instanceof ArrayBuffer}function se(ne){return typeof Blob<"u"&&ne instanceof Blob}function He(ne){return typeof FormData<"u"&&ne instanceof FormData}class Ue{constructor(Y,q,ue,ie){let $e;if(this.url=q,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=Y.toUpperCase(),function Ne(ne){switch(ne){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||ie?(this.body=void 0!==ue?ue:null,$e=ie):$e=ue,$e&&(this.reportProgress=!!$e.reportProgress,this.withCredentials=!!$e.withCredentials,$e.responseType&&(this.responseType=$e.responseType),$e.headers&&(this.headers=$e.headers),$e.context&&(this.context=$e.context),$e.params&&(this.params=$e.params),this.transferCache=$e.transferCache),this.headers||(this.headers=new Se),this.context||(this.context=new Re),this.params){const Ke=this.params.toString();if(0===Ke.length)this.urlWithParams=q;else{const bt=q.indexOf("?");this.urlWithParams=q+(-1===bt?"?":btZt.set(cn,Y.setHeaders[cn]),dt)),Y.setParams&&(vt=Object.keys(Y.setParams).reduce((Zt,cn)=>Zt.set(cn,Y.setParams[cn]),vt)),new Ue(q,ue,$e,{params:vt,headers:dt,context:Qt,reportProgress:bt,responseType:ie,withCredentials:Ke})}}var ge=function(ne){return ne[ne.Sent=0]="Sent",ne[ne.UploadProgress=1]="UploadProgress",ne[ne.ResponseHeader=2]="ResponseHeader",ne[ne.DownloadProgress=3]="DownloadProgress",ne[ne.Response=4]="Response",ne[ne.User=5]="User",ne}(ge||{});class he{constructor(Y,q=200,ue="OK"){this.headers=Y.headers||new Se,this.status=void 0!==Y.status?Y.status:q,this.statusText=Y.statusText||ue,this.url=Y.url||null,this.ok=this.status>=200&&this.status<300}}class Ve extends he{constructor(Y={}){super(Y),this.type=ge.ResponseHeader}clone(Y={}){return new Ve({headers:Y.headers||this.headers,status:void 0!==Y.status?Y.status:this.status,statusText:Y.statusText||this.statusText,url:Y.url||this.url||void 0})}}class rt extends he{constructor(Y={}){super(Y),this.type=ge.Response,this.body=void 0!==Y.body?Y.body:null}clone(Y={}){return new rt({body:void 0!==Y.body?Y.body:this.body,headers:Y.headers||this.headers,status:void 0!==Y.status?Y.status:this.status,statusText:Y.statusText||this.statusText,url:Y.url||this.url||void 0})}}class Dt extends he{constructor(Y){super(Y,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?`Http failure during parsing for ${Y.url||"(unknown url)"}`:`Http failure response for ${Y.url||"(unknown url)"}: ${Y.status} ${Y.statusText}`,this.error=Y.error||null}}function ae(ne,Y){return{body:Y,headers:ne.headers,context:ne.context,observe:ne.observe,params:ne.params,reportProgress:ne.reportProgress,responseType:ne.responseType,withCredentials:ne.withCredentials,transferCache:ne.transferCache}}let me=(()=>{class ne{constructor(q){this.handler=q}request(q,ue,ie={}){let $e;if(q instanceof Ue)$e=q;else{let dt,vt;dt=ie.headers instanceof Se?ie.headers:new Se(ie.headers),ie.params&&(vt=ie.params instanceof Ae?ie.params:new Ae({fromObject:ie.params})),$e=new Ue(q,ue,void 0!==ie.body?ie.body:null,{headers:dt,context:ie.context,params:vt,reportProgress:ie.reportProgress,responseType:ie.responseType||"json",withCredentials:ie.withCredentials,transferCache:ie.transferCache})}const Ke=(0,V.of)($e).pipe((0,R.b)(dt=>this.handler.handle(dt)));if(q instanceof Ue||"events"===ie.observe)return Ke;const bt=Ke.pipe((0,L.h)(dt=>dt instanceof rt));switch(ie.observe||"body"){case"body":switch($e.responseType){case"arraybuffer":return bt.pipe((0,j.U)(dt=>{if(null!==dt.body&&!(dt.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return dt.body}));case"blob":return bt.pipe((0,j.U)(dt=>{if(null!==dt.body&&!(dt.body instanceof Blob))throw new Error("Response is not a Blob.");return dt.body}));case"text":return bt.pipe((0,j.U)(dt=>{if(null!==dt.body&&"string"!=typeof dt.body)throw new Error("Response is not a string.");return dt.body}));default:return bt.pipe((0,j.U)(dt=>dt.body))}case"response":return bt;default:throw new Error(`Unreachable: unhandled observe type ${ie.observe}}`)}}delete(q,ue={}){return this.request("DELETE",q,ue)}get(q,ue={}){return this.request("GET",q,ue)}head(q,ue={}){return this.request("HEAD",q,ue)}jsonp(q,ue){return this.request("JSONP",q,{params:(new Ae).append(ue,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options(q,ue={}){return this.request("OPTIONS",q,ue)}patch(q,ue,ie={}){return this.request("PATCH",q,ae(ie,ue))}post(q,ue,ie={}){return this.request("POST",q,ae(ie,ue))}put(q,ue,ie={}){return this.request("PUT",q,ae(ie,ue))}static#e=this.\u0275fac=function(ue){return new(ue||ne)(M.LFG(oe))};static#t=this.\u0275prov=M.Yz7({token:ne,factory:ne.\u0275fac})}return ne})();function Xe(ne,Y){return Y(ne)}function Wt(ne,Y){return(q,ue)=>Y.intercept(q,{handle:ie=>ne(ie,ue)})}const rn=new M.OlP(""),dn=new M.OlP(""),kn=new M.OlP(""),sn=new M.OlP("");function Tn(){let ne=null;return(Y,q)=>{null===ne&&(ne=((0,M.f3M)(rn,{optional:!0})??[]).reduceRight(Wt,Xe));const ue=(0,M.f3M)(M.HDt),ie=ue.add();return ne(Y,q).pipe((0,G.x)(()=>ue.remove(ie)))}}let wn=(()=>{class ne extends oe{constructor(q,ue){super(),this.backend=q,this.injector=ue,this.chain=null,this.pendingTasks=(0,M.f3M)(M.HDt);const ie=(0,M.f3M)(sn,{optional:!0});this.backend=ie??q}handle(q){if(null===this.chain){const ie=Array.from(new Set([...this.injector.get(dn),...this.injector.get(kn,[])]));this.chain=ie.reduceRight(($e,Ke)=>function yn(ne,Y,q){return(ue,ie)=>(0,M.r_H)(q,()=>Y(ue,$e=>ne($e,ie)))}($e,Ke,this.injector),Xe)}const ue=this.pendingTasks.add();return this.chain(q,ie=>this.backend.handle(ie)).pipe((0,G.x)(()=>this.pendingTasks.remove(ue)))}static#e=this.\u0275fac=function(ue){return new(ue||ne)(M.LFG(fe),M.LFG(M.lqb))};static#t=this.\u0275prov=M.Yz7({token:ne,factory:ne.\u0275fac})}return ne})();const ls=/^\)\]\}',?\n/;let Jr=(()=>{class ne{constructor(q){this.xhrFactory=q}handle(q){if("JSONP"===q.method)throw new M.vHH(-2800,!1);const ue=this.xhrFactory;return(ue.\u0275loadImpl?(0,y.D)(ue.\u0275loadImpl()):(0,V.of)(null)).pipe((0,J.w)(()=>new te.y($e=>{const Ke=ue.build();if(Ke.open(q.method,q.urlWithParams),q.withCredentials&&(Ke.withCredentials=!0),q.headers.forEach((en,Ft)=>Ke.setRequestHeader(en,Ft.join(","))),q.headers.has("Accept")||Ke.setRequestHeader("Accept","application/json, text/plain, */*"),!q.headers.has("Content-Type")){const en=q.detectContentTypeHeader();null!==en&&Ke.setRequestHeader("Content-Type",en)}if(q.responseType){const en=q.responseType.toLowerCase();Ke.responseType="json"!==en?en:"text"}const bt=q.serializeBody();let dt=null;const vt=()=>{if(null!==dt)return dt;const en=Ke.statusText||"OK",Ft=new Se(Ke.getAllResponseHeaders()),Gt=function mt(ne){return"responseURL"in ne&&ne.responseURL?ne.responseURL:/^X-Request-URL:/m.test(ne.getAllResponseHeaders())?ne.getResponseHeader("X-Request-URL"):null}(Ke)||q.url;return dt=new Ve({headers:Ft,status:Ke.status,statusText:en,url:Gt}),dt},Qt=()=>{let{headers:en,status:Ft,statusText:Gt,url:dr}=vt(),En=null;204!==Ft&&(En=typeof Ke.response>"u"?Ke.responseText:Ke.response),0===Ft&&(Ft=En?200:0);let kr=Ft>=200&&Ft<300;if("json"===q.responseType&&"string"==typeof En){const Pt=En;En=En.replace(ls,"");try{En=""!==En?JSON.parse(En):null}catch(rr){En=Pt,kr&&(kr=!1,En={error:rr,text:En})}}kr?($e.next(new rt({body:En,headers:en,status:Ft,statusText:Gt,url:dr||void 0})),$e.complete()):$e.error(new Dt({error:En,headers:en,status:Ft,statusText:Gt,url:dr||void 0}))},Zt=en=>{const{url:Ft}=vt(),Gt=new Dt({error:en,status:Ke.status||0,statusText:Ke.statusText||"Unknown Error",url:Ft||void 0});$e.error(Gt)};let cn=!1;const Ir=en=>{cn||($e.next(vt()),cn=!0);let Ft={type:ge.DownloadProgress,loaded:en.loaded};en.lengthComputable&&(Ft.total=en.total),"text"===q.responseType&&Ke.responseText&&(Ft.partialText=Ke.responseText),$e.next(Ft)},xn=en=>{let Ft={type:ge.UploadProgress,loaded:en.loaded};en.lengthComputable&&(Ft.total=en.total),$e.next(Ft)};return Ke.addEventListener("load",Qt),Ke.addEventListener("error",Zt),Ke.addEventListener("timeout",Zt),Ke.addEventListener("abort",Zt),q.reportProgress&&(Ke.addEventListener("progress",Ir),null!==bt&&Ke.upload&&Ke.upload.addEventListener("progress",xn)),Ke.send(bt),$e.next({type:ge.Sent}),()=>{Ke.removeEventListener("error",Zt),Ke.removeEventListener("abort",Zt),Ke.removeEventListener("load",Qt),Ke.removeEventListener("timeout",Zt),q.reportProgress&&(Ke.removeEventListener("progress",Ir),null!==bt&&Ke.upload&&Ke.upload.removeEventListener("progress",xn)),Ke.readyState!==Ke.DONE&&Ke.abort()}})))}static#e=this.\u0275fac=function(ue){return new(ue||ne)(M.LFG(K.JF))};static#t=this.\u0275prov=M.Yz7({token:ne,factory:ne.\u0275fac})}return ne})();const yt=new M.OlP("XSRF_ENABLED"),ui=new M.OlP("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),Kn=new M.OlP("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class at{}let fn=(()=>{class ne{constructor(q,ue,ie){this.doc=q,this.platform=ue,this.cookieName=ie,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const q=this.doc.cookie||"";return q!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,K.Mx)(q,this.cookieName),this.lastCookieString=q),this.lastToken}static#e=this.\u0275fac=function(ue){return new(ue||ne)(M.LFG(K.K0),M.LFG(M.Lbi),M.LFG(ui))};static#t=this.\u0275prov=M.Yz7({token:ne,factory:ne.\u0275fac})}return ne})();function zt(ne,Y){const q=ne.url.toLowerCase();if(!(0,M.f3M)(yt)||"GET"===ne.method||"HEAD"===ne.method||q.startsWith("http://")||q.startsWith("https://"))return Y(ne);const ue=(0,M.f3M)(at).getToken(),ie=(0,M.f3M)(Kn);return null!=ue&&!ne.headers.has(ie)&&(ne=ne.clone({headers:ne.headers.set(ie,ue)})),Y(ne)}var On=function(ne){return ne[ne.Interceptors=0]="Interceptors",ne[ne.LegacyInterceptors=1]="LegacyInterceptors",ne[ne.CustomXsrfConfiguration=2]="CustomXsrfConfiguration",ne[ne.NoXsrfProtection=3]="NoXsrfProtection",ne[ne.JsonpSupport=4]="JsonpSupport",ne[ne.RequestsMadeViaParent=5]="RequestsMadeViaParent",ne[ne.Fetch=6]="Fetch",ne}(On||{});function Dn(...ne){const Y=[me,Jr,wn,{provide:oe,useExisting:wn},{provide:fe,useExisting:Jr},{provide:dn,useValue:zt,multi:!0},{provide:yt,useValue:!0},{provide:at,useClass:fn}];for(const q of ne)Y.push(...q.\u0275providers);return(0,M.MR2)(Y)}const Ce=new M.OlP("LEGACY_INTERCEPTOR_FN");function ce(){return function We(ne,Y){return{\u0275kind:ne,\u0275providers:Y}}(On.LegacyInterceptors,[{provide:Ce,useFactory:Tn},{provide:dn,useExisting:Ce,multi:!0}])}let Ht=(()=>{class ne{static#e=this.\u0275fac=function(ue){return new(ue||ne)};static#t=this.\u0275mod=M.oAB({type:ne});static#n=this.\u0275inj=M.cJS({providers:[Dn(ce())]})}return ne})()},5849:(ot,we,P)=>{function c(e,t){return Object.is(e,t)}P.d(we,{QbO:()=>mE,tb:()=>eh,AFp:()=>Xh,ip1:()=>P_,hGG:()=>xI,z2F:()=>La,Ojb:()=>yE,sBO:()=>Lg,Sil:()=>zT,EJc:()=>wI,Xts:()=>Xo,SBq:()=>ol,lqb:()=>Vs,qLn:()=>_o,vpe:()=>Hs,XFs:()=>Pt,OlP:()=>Vt,zs3:()=>is,ZZ4:()=>Od,aQg:()=>Nd,soG:()=>du,YKP:()=>Iv,h0i:()=>Bo,R0b:()=>br,FiY:()=>Ql,Lbi:()=>qu,g9A:()=>ep,Qsj:()=>HC,FYo:()=>Xp,JOm:()=>uc,tp0:()=>Jl,Rgc:()=>Ol,dDg:()=>gI,eoX:()=>R_,GfV:()=>eg,s_b:()=>jc,ifc:()=>Hi,T8G:()=>Gg,VuI:()=>sA,MMx:()=>Ov,Lck:()=>GM,eFA:()=>j_,cEC:()=>Fg,Gpc:()=>Kn,f3M:()=>Bt,$WT:()=>Ni,MR2:()=>Bu,_c5:()=>PI,qFp:()=>aA,r_H:()=>oE,tdS:()=>zC,rg0:()=>WC,c2e:()=>w_,zSh:()=>ju,HDt:()=>S_,wAp:()=>Na,vHH:()=>We,lri:()=>O_,rWj:()=>N_,cg1:()=>If,kuF:()=>Dn,kL8:()=>my,dqk:()=>kt,Z0I:()=>Ir,eJc:()=>po,QGY:()=>Nf,F4k:()=>$y,RDi:()=>pE,AaK:()=>yt,qOj:()=>qd,Xq5:()=>em,TTD:()=>Tt,_Bn:()=>Tv,jDz:()=>Nv,xp6:()=>mg,uIk:()=>Zd,Tol:()=>vm,ekj:()=>nf,Suo:()=>r_,Xpm:()=>oi,lG2:()=>Ui,Yz7:()=>vt,cJS:()=>Zt,oAB:()=>Ji,Yjl:()=>Ns,Y36:()=>ca,_UZ:()=>Mf,GkF:()=>Tf,BQk:()=>Qc,ynx:()=>Zc,qZA:()=>qc,TgZ:()=>Kc,EpF:()=>hy,n5z:()=>Rh,LFG:()=>Ln,$8M:()=>Ru,$Z:()=>vg,NdJ:()=>Rf,CRH:()=>i_,kcU:()=>vh,O4$:()=>yh,oxw:()=>Ky,ALo:()=>Zv,lcZ:()=>Qv,xi3:()=>Jv,Hsn:()=>Zy,F$t:()=>qy,Q6J:()=>ef,MGl:()=>nu,DdM:()=>Hv,VKq:()=>Uv,WLB:()=>jv,kEZ:()=>$v,HTZ:()=>zv,iGM:()=>t_,MAs:()=>ov,KtG:()=>Eu,evT:()=>tp,CHM:()=>Bl,LSH:()=>yd,P3R:()=>Yp,B6R:()=>Rv,YNc:()=>ba,W1O:()=>l_,_uU:()=>mv,Oqu:()=>Pf,hij:()=>ru,Gf:()=>n_});let M=null,V=!1,te=1;const y=Symbol("SIGNAL");function R(e){const t=M;return M=e,t}const J={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function K(e){if(V)throw new Error("");if(null===M)return;M.consumerOnSignalRead(e);const t=M.nextProducerIndex++;Re(M),te.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}function Nt(e){Re(e);for(let t=0;t0}function Re(e){e.producerNode??=[],e.producerIndexOfThis??=[],e.producerLastReadVersion??=[]}function Ne(e){e.liveConsumerNode??=[],e.liveConsumerIndexOfThis??=[]}let he=function ge(){throw new Error};function Ve(){he()}let Dt=null;function De(e,t){ve()||Ve(),e.equal(e.value,t)||(e.value=t,function It(e){e.version++,function oe(){te++}(),Se(e),Dt?.()}(e))}const gt=(()=>({...J,equal:c,value:void 0}))();const Xe=()=>{},Wt=(()=>({...J,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!1,consumerMarkedDirty:e=>{null!==e.schedule&&e.schedule(e.ref)},hasRun:!1,cleanupFn:Xe}))();var rn=P(8645),dn=P(7394),kn=P(5592),sn=P(7537),Tn=P(4829),Mr=P(6232),bi=P(4564),wn=P(7715),In=P(5619),as=P(2096),Vn=P(305),xt=P(9360);function Bn(e,t,...n){if(!0===t)return void e();if(!1===t)return;const r=new Vn.Hp({next:()=>{r.unsubscribe(),e()}});return(0,Tn.Xf)(t(...n)).subscribe(r)}var gr=P(4664),tr=P(2737),Tr=P(8251);function ls(e,t){return e===t}function mt(e){for(let t in e)if(e[t]===mt)return t;throw Error("Could not find renamed property on target object.")}function Jr(e,t){for(const n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n])}function yt(e){if("string"==typeof e)return e;if(Array.isArray(e))return"["+e.map(yt).join(", ")+"]";if(null==e)return""+e;if(e.overriddenName)return`${e.overriddenName}`;if(e.name)return`${e.name}`;const t=e.toString();if(null==t)return""+t;const n=t.indexOf("\n");return-1===n?t:t.substring(0,n)}function cr(e,t){return null==e||""===e?null===t?"":t:null==t||""===t?e:e+" "+t}const wi=mt({__forward_ref__:mt});function Kn(e){return e.__forward_ref__=Kn,e.toString=function(){return yt(this())},e}function at(e){return fn(e)?e():e}function fn(e){return"function"==typeof e&&e.hasOwnProperty(wi)&&e.__forward_ref__===Kn}function zt(e){return e&&!!e.\u0275providers}const On="https://g.co/ng/security#xss";class We extends Error{constructor(t,n){super(Dn(t,n)),this.code=t}}function Dn(e,t){return`NG0${Math.abs(e)}${t?": "+t:""}`}const Hn=mt({\u0275cmp:mt}),Ce=mt({\u0275dir:mt}),ce=mt({\u0275pipe:mt}),$=mt({\u0275mod:mt}),X=mt({\u0275fac:mt}),Me=mt({__NG_ELEMENT_ID__:mt}),Je=mt({__NG_ENV_ID__:mt});function Be(e){return"string"==typeof e?e:null==e?"":String(e)}function Ur(e,t){throw new We(-201,!1)}function ue(e,t){null==e&&function ie(e,t,n,r){throw new Error(`ASSERTION ERROR: ${e}`+(null==r?"":` [Expected=> ${n} ${r} ${t} <=Actual]`))}(t,e,null,"!=")}function vt(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Zt(e){return{providers:e.providers||[],imports:e.imports||[]}}function cn(e){return xn(e,Gt)||xn(e,En)}function Ir(e){return null!==cn(e)}function xn(e,t){return e.hasOwnProperty(t)?e[t]:null}function Ft(e){return e&&(e.hasOwnProperty(dr)||e.hasOwnProperty(kr))?e[dr]:null}const Gt=mt({\u0275prov:mt}),dr=mt({\u0275inj:mt}),En=mt({ngInjectableDef:mt}),kr=mt({ngInjectorDef:mt});var Pt=function(e){return e[e.Default=0]="Default",e[e.Host=1]="Host",e[e.Self=2]="Self",e[e.SkipSelf=4]="SkipSelf",e[e.Optional=8]="Optional",e}(Pt||{});let rr;function ir(){return rr}function Sn(e){const t=rr;return rr=e,t}function Vr(e,t,n){const r=cn(e);return r&&"root"==r.providedIn?void 0===r.value?r.value=r.factory():r.value:n&Pt.Optional?null:void 0!==t?t:void Ur(yt(e))}const kt=globalThis;class Vt{constructor(t,n){this._desc=t,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof n?this.__NG_ELEMENT_ID__=n:void 0!==n&&(this.\u0275prov=vt({token:this,providedIn:n.providedIn||"root",factory:n.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}const fi={},us="__NG_DI_FLAG__",Ar="ngTempTokenPath",Vi=/\n/gm,Ti="__source";let zn;function Or(e){const t=zn;return zn=e,t}function Ii(e,t=Pt.Default){if(void 0===zn)throw new We(-203,!1);return null===zn?Vr(e,void 0,t):zn.get(e,t&Pt.Optional?null:void 0,t)}function Ln(e,t=Pt.Default){return(ir()||Ii)(at(e),t)}function Bt(e,t=Pt.Default){return Ln(e,Gr(t))}function Gr(e){return typeof e>"u"||"number"==typeof e?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function ri(e){const t=[];for(let n=0;nt){o=s-1;break}}}for(;ss?"":i[k+1].toLowerCase();const Q=8&r?W:null;if(Q&&-1!==fs(Q,E,0)||2&r&&E!==W){if(Yr(r))return!1;o=!0}}}}else{if(!o&&!Yr(r)&&!Yr(h))return!1;if(o&&Yr(h))continue;o=!1,r=h|1&r}}return Yr(r)||o}function Yr(e){return 0==(1&e)}function Zs(e,t,n,r){if(null===t)return-1;let i=0;if(r||!n){let s=!1;for(;i-1)for(n++;n0?'="'+l+'"':"")+"]"}else 8&r?i+="."+o:4&r&&(i+=" "+o);else""!==i&&!Yr(o)&&(t+=yi(s,i),i=""),r=o,s=s||!Yr(r);n++}return""!==i&&(t+=yi(s,i)),t}function oi(e){return vr(()=>{const t=T(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection===Oi.OnPush,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||Hi.Emulated,styles:e.styles||Yt,_:null,schemas:e.schemas||null,tView:null,id:""};_(n);const r=e.dependencies;return n.directiveDefs=F(r,!1),n.pipeDefs=F(r,!0),n.id=function ut(e){let t=0;const n=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,e.consts,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery].join("|");for(const i of n)t=Math.imul(31,t)+i.charCodeAt(0)<<0;return t+=2147483648,"c"+t}(n),n})}function ao(e){return Lt(e)||Kt(e)}function wo(e){return null!==e}function Ji(e){return vr(()=>({type:e.type,bootstrap:e.bootstrap||Yt,declarations:e.declarations||Yt,imports:e.imports||Yt,exports:e.exports||Yt,transitiveCompileScopes:null,schemas:e.schemas||null,id:e.id||null}))}function Os(e,t){if(null==e)return Zn;const n={};for(const r in e)if(e.hasOwnProperty(r)){let i=e[r],s=i;Array.isArray(i)&&(s=i[1],i=i[0]),n[i]=r,t&&(t[i]=s)}return n}function Ui(e){return vr(()=>{const t=T(e);return _(t),t})}function Ns(e){return{type:e.type,name:e.name,factory:null,pure:!1!==e.pure,standalone:!0===e.standalone,onDestroy:e.type.prototype.ngOnDestroy||null}}function Lt(e){return e[Hn]||null}function Kt(e){return e[Ce]||null}function Et(e){return e[ce]||null}function Ni(e){const t=Lt(e)||Kt(e)||Et(e);return null!==t&&t.standalone}function S(e,t){const n=e[$]||null;if(!n&&!0===t)throw new Error(`Type ${yt(e)} does not have '\u0275mod' property.`);return n}function T(e){const t={};return{type:e.type,providersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:t,inputTransforms:null,inputConfig:e.inputs||Zn,exportAs:e.exportAs||null,standalone:!0===e.standalone,signals:!0===e.signals,selectors:e.selectors||Yt,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:Os(e.inputs,t),outputs:Os(e.outputs),debugInfo:null}}function _(e){e.features?.forEach(t=>t(e))}function F(e,t){if(!e)return null;const n=t?Et:ao;return()=>("function"==typeof e?e():e).map(r=>n(r)).filter(wo)}const tt=0,Fe=1,ct=2,on=3,Gn=4,Fn=5,fr=6,sr=7,tn=8,hr=9,ms=10,Mt=11,Xi=12,So=13,ys=14,Mn=15,Rs=16,ji=17,Kr=18,$i=19,Xs=20,qr=21,Mo=22,es=23,Ot=25,lo=1,Ri=7,_s=9,Rn=10;var Jt=function(e){return e[e.None=0]="None",e[e.HasTransplantedViews=2]="HasTransplantedViews",e[e.HasChildViewsToRefresh=4]="HasChildViewsToRefresh",e}(Jt||{});function jn(e){return Array.isArray(e)&&"object"==typeof e[lo]}function Qn(e){return Array.isArray(e)&&!0===e[lo]}function co(e){return 0!=(4&e.flags)}function ai(e){return e.componentOffset>-1}function eo(e){return 1==(1&e.flags)}function Dr(e){return!!e.template}function uo(e){return 0!=(512&e[ct])}function Ct(e,t){return e.hasOwnProperty(X)?e[X]:null}class _t{constructor(t,n,r){this.previousValue=t,this.currentValue=n,this.firstChange=r}isFirstChange(){return this.firstChange}}function Tt(){return bn}function bn(e){return e.type.prototype.ngOnChanges&&(e.setInput=or),Jn}function Jn(){const e=ar(this),t=e?.current;if(t){const n=e.previous;if(n===Zn)e.previous=t;else for(let r in t)n[r]=t[r];e.current=null,this.ngOnChanges(t)}}function or(e,t,n,r){const i=this.declaredInputs[n],s=ar(e)||function Ps(e,t){return e[Xn]=t}(e,{previous:Zn,current:null}),o=s.current||(s.current={}),l=s.previous,h=l[i];o[i]=new _t(h&&h.currentValue,t,l===Zn),e[r]=t}Tt.ngInherit=!0;const Xn="__ngSimpleChanges__";function ar(e){return e[Xn]||null}const er=function(e,t,n){},Pi="svg";function gn(e){for(;Array.isArray(e);)e=e[tt];return e}function vi(e,t){return gn(t[e])}function Er(e,t){return gn(t[e.index])}function st(e,t){return e.data[t]}function ft(e,t){return e[t]}function lt(e,t){const n=t[e];return jn(n)?n:n[tt]}function Wn(e){return 128==(128&e[ct])}function $n(e,t){return null==t?null:e[t]}function ns(e){e[ji]=0}function Pn(e){1024&e[ct]||(e[ct]|=1024,Wn(e)&&Di(e))}function To(e){return 9216&e[ct]||e[es]?.dirty}function Cr(e){To(e)&&Di(e)}function Di(e){let t=e[on];for(;null!==t&&!(Qn(t)&&t[ct]&Jt.HasChildViewsToRefresh||jn(t)&&8192&t[ct]);){if(Qn(t))t[ct]|=Jt.HasChildViewsToRefresh;else if(t[ct]|=8192,!Wn(t))break;t=t[on]}}function Nn(e,t){if(256==(256&e[ct]))throw new We(911,!1);null===e[qr]&&(e[qr]=[]),e[qr].push(t)}const wt={lFrame:Rt(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function kl(){return wt.bindingsEnabled}function fo(){return null!==wt.skipHydrationRootTNode}function Te(){return wt.lFrame.lView}function nn(){return wt.lFrame.tView}function Bl(e){return wt.lFrame.contextLView=e,e[tn]}function Eu(e){return wt.lFrame.contextLView=null,e}function vn(){let e=Hl();for(;null!==e&&64===e.type;)e=e.parent;return e}function Hl(){return wt.lFrame.currentTNode}function rs(e,t){const n=wt.lFrame;n.currentTNode=e,n.isParent=t}function Va(){return wt.lFrame.isParent}function Ba(){wt.lFrame.isParent=!1}function Qr(){const e=wt.lFrame;let t=e.bindingRootIndex;return-1===t&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function Es(){return wt.lFrame.bindingIndex++}function Fs(e){const t=wt.lFrame,n=t.bindingIndex;return t.bindingIndex=t.bindingIndex+e,n}function d(e,t){const n=wt.lFrame;n.bindingIndex=n.bindingRootIndex=e,f(t)}function f(e){wt.lFrame.currentDirectiveIndex=e}function b(){return wt.lFrame.currentQueryIndex}function N(e){wt.lFrame.currentQueryIndex=e}function B(e){const t=e[Fe];return 2===t.type?t.declTNode:1===t.type?e[Fn]:null}function le(e,t,n){if(n&Pt.SkipSelf){let i=t,s=e;for(;!(i=i.parent,null!==i||n&Pt.Host||(i=B(s),null===i||(s=s[ys],10&i.type))););if(null===i)return!1;t=i,e=s}const r=wt.lFrame=Ye();return r.currentTNode=t,r.lView=e,!0}function ee(e){const t=Ye(),n=e[Fe];wt.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function Ye(){const e=wt.lFrame,t=null===e?null:e.child;return null===t?Rt(e):t}function Rt(e){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:e,child:null,inI18n:!1};return null!==e&&(e.child=t),t}function Ut(){const e=wt.lFrame;return wt.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}const Yn=Ut;function no(){const e=Ut();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function lr(){return wt.lFrame.selectedIndex}function Cs(e){wt.lFrame.selectedIndex=e}function un(){const e=wt.lFrame;return st(e.tView,e.selectedIndex)}function yh(){wt.lFrame.currentNamespace=Pi}function vh(){!function gD(){wt.lFrame.currentNamespace=null}()}let Dh=!0;function Ul(){return Dh}function ho(e){Dh=e}function jl(e,t){for(let n=t.directiveStart,r=t.directiveEnd;n=r)break}else t[h]<0&&(e[ji]+=65536),(l>14>16&&(3&e[ct])===t&&(e[ct]+=16384,Ch(l,s)):Ch(l,s)}const jo=-1;class Ua{constructor(t,n,r){this.factory=t,this.resolving=!1,this.canSeeViewProviders=n,this.injectImpl=r}}function Tu(e){return e!==jo}function ja(e){return 32767&e}function $a(e,t){let n=function CD(e){return e>>16}(e),r=t;for(;n>0;)r=r[ys],n--;return r}let Iu=!0;function Gl(e){const t=Iu;return Iu=e,t}const bh=255,wh=5;let bD=0;const ks={};function Wl(e,t){const n=Sh(e,t);if(-1!==n)return n;const r=t[Fe];r.firstCreatePass&&(e.injectorIndex=t.length,Au(r.data,e),Au(t,null),Au(r.blueprint,null));const i=Yl(e,t),s=e.injectorIndex;if(Tu(i)){const o=ja(i),l=$a(i,t),h=l[Fe].data;for(let E=0;E<8;E++)t[s+E]=l[o+E]|h[o+E]}return t[s+8]=i,s}function Au(e,t){e.push(0,0,0,0,0,0,0,0,t)}function Sh(e,t){return-1===e.injectorIndex||e.parent&&e.parent.injectorIndex===e.injectorIndex||null===t[e.injectorIndex+8]?-1:e.injectorIndex}function Yl(e,t){if(e.parent&&-1!==e.parent.injectorIndex)return e.parent.injectorIndex;let n=0,r=null,i=t;for(;null!==i;){if(r=Ph(i),null===r)return jo;if(n++,i=i[ys],-1!==r.injectorIndex)return r.injectorIndex|n<<16}return jo}function Ou(e,t,n){!function wD(e,t,n){let r;"string"==typeof n?r=n.charCodeAt(0)||0:n.hasOwnProperty(Me)&&(r=n[Me]),null==r&&(r=n[Me]=bD++);const i=r&bh;t.data[e+(i>>wh)]|=1<=0?t&bh:ID:t}(n);if("function"==typeof s){if(!le(t,e,r))return r&Pt.Host?Mh(i,0,r):Th(t,n,r,i);try{let o;if(o=s(r),null!=o||r&Pt.Optional)return o;Ur()}finally{Yn()}}else if("number"==typeof s){let o=null,l=Sh(e,t),h=jo,E=r&Pt.Host?t[Mn][Fn]:null;for((-1===l||r&Pt.SkipSelf)&&(h=-1===l?Yl(e,t):t[l+8],h!==jo&&Nh(r,!1)?(o=t[Fe],l=ja(h),t=$a(h,t)):l=-1);-1!==l;){const A=t[Fe];if(Oh(s,l,A.data)){const k=MD(l,t,n,o,r,E);if(k!==ks)return k}h=t[l+8],h!==jo&&Nh(r,t[Fe].data[l+8]===E)&&Oh(s,l,t)?(o=A,l=ja(h),t=$a(h,t)):l=-1}}return i}function MD(e,t,n,r,i,s){const o=t[Fe],l=o.data[e+8],A=Kl(l,o,n,null==r?ai(l)&&Iu:r!=o&&0!=(3&l.type),i&Pt.Host&&s===l);return null!==A?Oo(t,o,A,l):ks}function Kl(e,t,n,r,i){const s=e.providerIndexes,o=t.data,l=1048575&s,h=e.directiveStart,A=s>>20,W=i?l+A:e.directiveEnd;for(let Q=r?l:l+A;Q=h&&_e.type===n)return Q}if(i){const Q=o[h];if(Q&&Dr(Q)&&Q.type===n)return h}return null}function Oo(e,t,n,r){let i=e[n];const s=t.data;if(function vD(e){return e instanceof Ua}(i)){const o=i;o.resolving&&function nr(e,t){const n=t?`. Dependency path: ${t.join(" > ")} > ${e}`:"";throw new We(-200,`Circular dependency in DI detected for ${e}${n}`)}(function et(e){return"function"==typeof e?e.name||e.toString():"object"==typeof e&&null!=e&&"function"==typeof e.type?e.type.name||e.type.toString():Be(e)}(s[n]));const l=Gl(o.canSeeViewProviders);o.resolving=!0;const E=o.injectImpl?Sn(o.injectImpl):null;le(e,r,Pt.Default);try{i=e[n]=o.factory(void 0,s,e,r),t.firstCreatePass&&n>=r.directiveStart&&function mD(e,t,n){const{ngOnChanges:r,ngOnInit:i,ngDoCheck:s}=t.type.prototype;if(r){const o=bn(t);(n.preOrderHooks??=[]).push(e,o),(n.preOrderCheckHooks??=[]).push(e,o)}i&&(n.preOrderHooks??=[]).push(0-e,i),s&&((n.preOrderHooks??=[]).push(e,s),(n.preOrderCheckHooks??=[]).push(e,s))}(n,s[n],t)}finally{null!==E&&Sn(E),Gl(l),o.resolving=!1,Yn()}}return i}function Oh(e,t,n){return!!(n[t+(e>>wh)]&1<{const t=e.prototype.constructor,n=t[X]||Nu(t),r=Object.prototype;let i=Object.getPrototypeOf(e.prototype).constructor;for(;i&&i!==r;){const s=i[X]||Nu(i);if(s&&s!==n)return s;i=Object.getPrototypeOf(i)}return s=>new s})}function Nu(e){return fn(e)?()=>{const t=Nu(at(e));return t&&t()}:Ct(e)}function Ph(e){const t=e[Fe],n=t.type;return 2===n?t.declTNode:1===n?e[Fn]:null}function Ru(e){return function SD(e,t){if("class"===t)return e.classes;if("style"===t)return e.styles;const n=e.attrs;if(n){const r=n.length;let i=0;for(;i{const r=function Pu(e){return function(...n){if(e){const r=e(...n);for(const i in r)this[i]=r[i]}}}(t);function i(...s){if(this instanceof i)return r.apply(this,s),this;const o=new i(...s);return l.annotation=o,l;function l(h,E,A){const k=h.hasOwnProperty(Wo)?h[Wo]:Object.defineProperty(h,Wo,{value:[]})[Wo];for(;k.length<=A;)k.push(null);return(k[A]=k[A]||[]).push(o),h}}return n&&(i.prototype=Object.create(n.prototype)),i.prototype.ngMetadataName=e,i.annotationCls=i,i})}function Zo(e,t){e.forEach(n=>Array.isArray(n)?Zo(n,t):t(n))}function Lh(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function ql(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function Ga(e,t){const n=[];for(let r=0;r=0?e[1|r]=n:(r=~r,function Fh(e,t,n,r){let i=e.length;if(i==t)e.push(n,r);else if(1===i)e.push(r,e[0]),e[0]=n;else{for(i--,e.push(e[i-1],e[i]);i>t;)e[i]=e[i-2],i--;e[t]=n,e[t+1]=r}}(e,r,t,n)),r}function Lu(e,t){const n=Qo(e,t);if(n>=0)return e[1|n]}function Qo(e,t){return function kh(e,t,n){let r=0,i=e.length>>n;for(;i!==r;){const s=r+(i-r>>1),o=e[s<t?i=s:r=s+1}return~(i<{n.push(o)};return Zo(t,o=>{const l=o;tc(l,s,[],r)&&(i||=[],i.push(l))}),void 0!==i&&$h(i,s),n}function $h(e,t){for(let n=0;n{t(s,r)})}}function tc(e,t,n,r){if(!(e=at(e)))return!1;let i=null,s=Ft(e);const o=!s&&Lt(e);if(s||o){if(o&&!o.standalone)return!1;i=e}else{const h=e.ngModule;if(s=Ft(h),!s)return!1;i=h}const l=r.has(i);if(o){if(l)return!1;if(r.add(i),o.dependencies){const h="function"==typeof o.dependencies?o.dependencies():o.dependencies;for(const E of h)tc(E,t,n,r)}}else{if(!s)return!1;{if(null!=s.imports&&!l){let E;r.add(i);try{Zo(s.imports,A=>{tc(A,t,n,r)&&(E||=[],E.push(A))})}finally{}void 0!==E&&$h(E,t)}if(!l){const E=Ct(i)||(()=>new i);t({provide:i,useFactory:E,deps:Yt},i),t({provide:Vu,useValue:i,multi:!0},i),t({provide:Xo,useValue:()=>Ln(i),multi:!0},i)}const h=s.providers;if(null!=h&&!l){const E=e;Hu(h,A=>{t(A,E)})}}}return i!==e&&void 0!==e.providers}function Hu(e,t){for(let n of e)zt(n)&&(n=n.\u0275providers),Array.isArray(n)?Hu(n,t):t(n)}const JD=mt({provide:String,useValue:mt});function Uu(e){return null!==e&&"object"==typeof e&&JD in e}function No(e){return"function"==typeof e}const ju=new Vt("Set Injector scope."),nc={},eE={};let $u;function rc(){return void 0===$u&&($u=new ec),$u}class Vs{}class ea extends Vs{get destroyed(){return this._destroyed}constructor(t,n,r,i){super(),this.parent=n,this.source=r,this.scopes=i,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,Gu(t,o=>this.processProvider(o)),this.records.set(Uh,ta(void 0,this)),i.has("environment")&&this.records.set(Vs,ta(void 0,this));const s=this.records.get(ju);null!=s&&"string"==typeof s.value&&this.scopes.add(s.value),this.injectorDefTypes=new Set(this.get(Vu,Yt,Pt.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const n of this._ngOnDestroyHooks)n.ngOnDestroy();const t=this._onDestroyHooks;this._onDestroyHooks=[];for(const n of t)n()}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 n=Or(this),r=Sn(void 0);try{return t()}finally{Or(n),Sn(r)}}get(t,n=fi,r=Pt.Default){if(this.assertNotDestroyed(),t.hasOwnProperty(Je))return t[Je](this);r=Gr(r);const s=Or(this),o=Sn(void 0);try{if(!(r&Pt.SkipSelf)){let h=this.records.get(t);if(void 0===h){const E=function sE(e){return"function"==typeof e||"object"==typeof e&&e instanceof Vt}(t)&&cn(t);h=E&&this.injectableDefInScope(E)?ta(zu(t),nc):null,this.records.set(t,h)}if(null!=h)return this.hydrate(t,h)}return(r&Pt.Self?rc():this.parent).get(t,n=r&Pt.Optional&&n===fi?null:n)}catch(l){if("NullInjectorError"===l.name){if((l[Ar]=l[Ar]||[]).unshift(yt(t)),s)throw l;return function ds(e,t,n,r){const i=e[Ar];throw t[Ti]&&i.unshift(t[Ti]),e.message=function Zi(e,t,n,r=null){e=e&&"\n"===e.charAt(0)&&"\u0275"==e.charAt(1)?e.slice(2):e;let i=yt(t);if(Array.isArray(t))i=t.map(yt).join(" -> ");else if("object"==typeof t){let s=[];for(let o in t)if(t.hasOwnProperty(o)){let l=t[o];s.push(o+":"+("string"==typeof l?JSON.stringify(l):yt(l)))}i=`{${s.join(", ")}}`}return`${n}${r?"("+r+")":""}[${i}]: ${e.replace(Vi,"\n ")}`}("\n"+e.message,i,n,r),e.ngTokenPath=i,e[Ar]=null,e}(l,t,"R3InjectorError",this.source)}throw l}finally{Sn(o),Or(s)}}resolveInjectorInitializers(){const t=Or(this),n=Sn(void 0);try{const i=this.get(Xo,Yt,Pt.Self);for(const s of i)s()}finally{Or(t),Sn(n)}}toString(){const t=[],n=this.records;for(const r of n.keys())t.push(yt(r));return`R3Injector[${t.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new We(205,!1)}processProvider(t){let n=No(t=at(t))?t:at(t&&t.provide);const r=function nE(e){return Uu(e)?ta(void 0,e.useValue):ta(Wh(e),nc)}(t);if(No(t)||!0!==t.multi)this.records.get(n);else{let i=this.records.get(n);i||(i=ta(void 0,nc,!0),i.factory=()=>ri(i.multi),this.records.set(n,i)),n=t,i.multi.push(t)}this.records.set(n,r)}hydrate(t,n){return n.value===nc&&(n.value=eE,n.value=n.factory()),"object"==typeof n.value&&n.value&&function iE(e){return null!==e&&"object"==typeof e&&"function"==typeof e.ngOnDestroy}(n.value)&&this._ngOnDestroyHooks.add(n.value),n.value}injectableDefInScope(t){if(!t.providedIn)return!1;const n=at(t.providedIn);return"string"==typeof n?"any"===n||this.scopes.has(n):this.injectorDefTypes.has(n)}removeOnDestroy(t){const n=this._onDestroyHooks.indexOf(t);-1!==n&&this._onDestroyHooks.splice(n,1)}}function zu(e){const t=cn(e),n=null!==t?t.factory:Ct(e);if(null!==n)return n;if(e instanceof Vt)throw new We(204,!1);if(e instanceof Function)return function tE(e){const t=e.length;if(t>0)throw Ga(t,"?"),new We(204,!1);const n=function en(e){return e&&(e[Gt]||e[En])||null}(e);return null!==n?()=>n.factory(e):()=>new e}(e);throw new We(204,!1)}function Wh(e,t,n){let r;if(No(e)){const i=at(e);return Ct(i)||zu(i)}if(Uu(e))r=()=>at(e.useValue);else if(function Gh(e){return!(!e||!e.useFactory)}(e))r=()=>e.useFactory(...ri(e.deps||[]));else if(function zh(e){return!(!e||!e.useExisting)}(e))r=()=>Ln(at(e.useExisting));else{const i=at(e&&(e.useClass||e.provide));if(!function rE(e){return!!e.deps}(e))return Ct(i)||zu(i);r=()=>new i(...ri(e.deps))}return r}function ta(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Gu(e,t){for(const n of e)Array.isArray(n)?Gu(n,t):n&&zt(n)?Gu(n.\u0275providers,t):t(n)}function oE(e,t){e instanceof ea&&e.assertNotDestroyed();const r=Or(e),i=Sn(void 0);try{return t()}finally{Or(r),Sn(i)}}function Wu(e){if(!ir()&&!function ni(){return zn}())throw new We(-203,!1)}function Zh(e,t=null,n=null,r){const i=Qh(e,t,n,r);return i.resolveInjectorInitializers(),i}function Qh(e,t=null,n=null,r,i=new Set){const s=[n||Yt,QD(e)];return r=r||("object"==typeof e?void 0:yt(e)),new ea(s,t||rc(),r||null,i)}let Ku,is=(()=>{class e{static#e=this.THROW_IF_NOT_FOUND=fi;static#t=this.NULL=new ec;static create(n,r){if(Array.isArray(n))return Zh({name:""},r,n,"");{const i=n.name??"";return Zh({name:i},n.parent,n.providers,i)}}static#n=this.\u0275prov=vt({token:e,providedIn:"any",factory:()=>Ln(Uh)});static#r=this.__NG_ELEMENT_ID__=-1}return e})();function po(e){return!!S(e)}function pE(e){Ku=e}const Xh=new Vt("AppId",{providedIn:"root",factory:()=>gE}),gE="ng",ep=new Vt("Platform Initializer"),qu=new Vt("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),mE=new Vt("AnimationModuleType"),yE=new Vt("CSP nonce",{providedIn:"root",factory:()=>function go(){if(void 0!==Ku)return Ku;if(typeof document<"u")return document;throw new We(210,!1)}().body?.querySelector("[ngCspNonce]")?.getAttribute("ngCspNonce")||null});function tp(e){return e.ownerDocument}function Gi(e){return e instanceof Function?e():e}function lc(e){return 128==(128&e.flags)}var uc=function(e){return e[e.Important=1]="Important",e[e.DashCase=2]="DashCase",e}(uc||{});const ME=/^>|^->||--!>|)/g,IE="\u200b$1\u200b";const ed=new Map;let AE=0;const nd="__ngContext__";function ci(e,t){jn(t)?(e[nd]=t[$i],function NE(e){ed.set(e[$i],e)}(t)):e[nd]=t}let rd;function id(e,t){return rd(e,t)}function Qa(e){const t=e[on];return Qn(t)?t[on]:t}function _p(e){return Ep(e[Xi])}function Dp(e){return Ep(e[Gn])}function Ep(e){for(;null!==e&&!Qn(e);)e=e[Gn];return e}function ra(e,t,n,r,i){if(null!=r){let s,o=!1;Qn(r)?s=r:jn(r)&&(o=!0,r=r[tt]);const l=gn(r);0===e&&null!==n?null==i?Sp(t,n,l):Ro(t,n,l,i||null,!0):1===e&&null!==n?Ro(t,n,l,i||null,!0):2===e?function mc(e,t,n){const r=pc(e,t);r&&function ZE(e,t,n,r){e.removeChild(t,n,r)}(e,r,t,n)}(t,l,o):3===e&&t.destroyNode(l),null!=s&&function XE(e,t,n,r,i){const s=n[Ri];s!==gn(n)&&ra(t,e,r,s,i);for(let l=Rn;lt.replace(TE,IE))}(t))}function fc(e,t,n){return e.createElement(t,n)}function bp(e,t){const n=e[_s],r=n.indexOf(t);n.splice(r,1)}function Ja(e,t){if(e.length<=Rn)return;const n=Rn+t,r=e[n];if(r){const i=r[Rs];null!==i&&i!==e&&bp(i,r),t>0&&(e[n-1][Gn]=r[Gn]);const s=ql(e,Rn+t);!function jE(e,t){el(e,t,t[Mt],2,null,null),t[tt]=null,t[Fn]=null}(r[Fe],r);const o=s[Kr];null!==o&&o.detachView(s[Fe]),r[on]=null,r[Gn]=null,r[ct]&=-129}return r}function hc(e,t){if(!(256&t[ct])){const n=t[Mt];n.destroyNode&&el(e,t,n,3,null,null),function GE(e){let t=e[Xi];if(!t)return od(e[Fe],e);for(;t;){let n=null;if(jn(t))n=t[Xi];else{const r=t[Rn];r&&(n=r)}if(!n){for(;t&&!t[Gn]&&t!==e;)jn(t)&&od(t[Fe],t),t=t[on];null===t&&(t=e),jn(t)&&od(t[Fe],t),n=t&&t[Gn]}t=n}}(t)}}function od(e,t){if(!(256&t[ct])){t[ct]&=-129,t[ct]|=256,t[es]&&St(t[es]),function qE(e,t){let n;if(null!=e&&null!=(n=e.destroyHooks))for(let r=0;r=0?r[o]():r[-o].unsubscribe(),s+=2}else n[s].call(r[n[s+1]]);null!==r&&(t[sr]=null);const i=t[qr];if(null!==i){t[qr]=null;for(let s=0;s-1){const{encapsulation:s}=e.data[r.directiveStart+i];if(s===Hi.None||s===Hi.Emulated)return null}return Er(r,n)}}(e,t.parent,n)}function Ro(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Sp(e,t,n){e.appendChild(t,n)}function Mp(e,t,n,r,i){null!==r?Ro(e,t,n,r,i):Sp(e,t,n)}function pc(e,t){return e.parentNode(t)}function Tp(e,t,n){return Ap(e,t,n)}let ld,vc,Ap=function Ip(e,t,n){return 40&e.type?Er(e,n):null};function gc(e,t,n,r){const i=ad(e,r,t),s=t[Mt],l=Tp(r.parent||t[Fn],r,t);if(null!=i)if(Array.isArray(n))for(let h=0;he,createScript:e=>e,createScriptURL:e=>e})}catch{}return vc}()?.createScriptURL(e)||e}class Bp{constructor(t){this.changingThisBreaksApplicationSecurity=t}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${On})`}}function vo(e){return e instanceof Bp?e.changingThisBreaksApplicationSecurity:e}function tl(e,t){const n=function uC(e){return e instanceof Bp&&e.getTypeName()||null}(e);if(null!=n&&n!==t){if("ResourceURL"===n&&"URL"===t)return!0;throw new Error(`Required a safe ${t}, got a ${n} (see ${On})`)}return n===t}const pC=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;var sa=function(e){return e[e.NONE=0]="NONE",e[e.HTML=1]="HTML",e[e.STYLE=2]="STYLE",e[e.SCRIPT=3]="SCRIPT",e[e.URL=4]="URL",e[e.RESOURCE_URL=5]="RESOURCE_URL",e}(sa||{});function yd(e){const t=rl();return t?t.sanitize(sa.URL,e)||"":tl(e,"URL")?vo(e):function hd(e){return(e=String(e)).match(pC)?e:"unsafe:"+e}(Be(e))}function Wp(e){const t=rl();if(t)return Vp(t.sanitize(sa.RESOURCE_URL,e)||"");if(tl(e,"ResourceURL"))return Vp(vo(e));throw new We(904,!1)}function Yp(e,t,n){return function MC(e,t){return"src"===t&&("embed"===e||"frame"===e||"iframe"===e||"media"===e||"script"===e)||"href"===t&&("base"===e||"link"===e)?Wp:yd}(t,n)(e)}function rl(){const e=Te();return e&&e[ms].sanitizer}let Kp=(e,t,n)=>null;function Sd(e,t,n=!1){return Kp(e,t,n)}class LC{}class Qp{}class kC{resolveComponentFactory(t){throw function FC(e){const t=Error(`No component factory found for ${yt(e)}.`);return t.ngComponent=e,t}(t)}}let Sc=(()=>{class e{static#e=this.NULL=new kC}return e})();function VC(){return la(vn(),Te())}function la(e,t){return new ol(Er(e,t))}let ol=(()=>{class e{constructor(n){this.nativeElement=n}static#e=this.__NG_ELEMENT_ID__=VC}return e})();function BC(e){return e instanceof ol?e.nativeElement:e}class Xp{}let HC=(()=>{class e{constructor(){this.destroyNode=null}static#e=this.__NG_ELEMENT_ID__=()=>function UC(){const e=Te(),n=lt(vn().index,e);return(jn(n)?n:e)[Mt]}()}return e})(),jC=(()=>{class e{static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:()=>null})}return e})();class eg{constructor(t){this.full=t,this.major=t.split(".")[0],this.minor=t.split(".")[1],this.patch=t.split(".").slice(2).join(".")}}const $C=new eg("17.0.7"),Id={};function zC(e,t){const n=function ae(e){const t=Object.create(gt);t.value=e;const n=()=>(K(t),t.value);return n[y]=t,n}(e),r=n[y];return t?.equal&&(r.equal=t.equal),n.set=i=>De(r,i),n.update=i=>function ke(e,t){ve()||Ve(),De(e,t(e.value))}(r,i),n.asReadonly=GC.bind(n),n}function GC(){const e=this[y];if(void 0===e.readonlyFn){const t=()=>this();t[y]=e,e.readonlyFn=t}return e.readonlyFn}function WC(e){const t=R(null);try{return e()}finally{R(t)}}function Mc(e){return!!Ad(e)&&(Array.isArray(e)||!(e instanceof Map)&&Symbol.iterator in e)}function Ad(e){return null!==e&&("function"==typeof e||"object"==typeof e)}class tg{constructor(){}supports(t){return Mc(t)}create(t){return new ZC(t)}}const qC=(e,t)=>t;class ZC{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||qC}forEachItem(t){let n;for(n=this._itHead;null!==n;n=n._next)t(n)}forEachOperation(t){let n=this._itHead,r=this._removalsHead,i=0,s=null;for(;n||r;){const o=!r||n&&n.currentIndex{o=this._trackByFn(i,l),null!==n&&Object.is(n.trackById,o)?(r&&(n=this._verifyReinsertion(n,l,o,i)),Object.is(n.item,l)||this._addIdentityChange(n,l)):(n=this._mismatch(n,l,o,i),r=!0),n=n._next,i++}),this.length=i;return this._truncate(n),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,n,r,i){let s;return null===t?s=this._itTail:(s=t._prev,this._remove(t)),null!==(t=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._reinsertAfter(t,s,i)):null!==(t=null===this._linkedRecords?null:this._linkedRecords.get(r,i))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._moveAfter(t,s,i)):t=this._addAfter(new QC(n,r),s,i),t}_verifyReinsertion(t,n,r,i){let s=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null);return null!==s?t=this._reinsertAfter(s,t._prev,i):t.currentIndex!=i&&(t.currentIndex=i,this._addToMoves(t,i)),t}_truncate(t){for(;null!==t;){const n=t._next;this._addToRemovals(this._unlink(t)),t=n}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,n,r){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(t);const i=t._prevRemoved,s=t._nextRemoved;return null===i?this._removalsHead=s:i._nextRemoved=s,null===s?this._removalsTail=i:s._prevRemoved=i,this._insertAfter(t,n,r),this._addToMoves(t,r),t}_moveAfter(t,n,r){return this._unlink(t),this._insertAfter(t,n,r),this._addToMoves(t,r),t}_addAfter(t,n,r){return this._insertAfter(t,n,r),this._additionsTail=null===this._additionsTail?this._additionsHead=t:this._additionsTail._nextAdded=t,t}_insertAfter(t,n,r){const i=null===n?this._itHead:n._next;return t._next=i,t._prev=n,null===i?this._itTail=t:i._prev=t,null===n?this._itHead=t:n._next=t,null===this._linkedRecords&&(this._linkedRecords=new ng),this._linkedRecords.put(t),t.currentIndex=r,t}_remove(t){return this._addToRemovals(this._unlink(t))}_unlink(t){null!==this._linkedRecords&&this._linkedRecords.remove(t);const n=t._prev,r=t._next;return null===n?this._itHead=r:n._next=r,null===r?this._itTail=n:r._prev=n,t}_addToMoves(t,n){return t.previousIndex===n||(this._movesTail=null===this._movesTail?this._movesHead=t:this._movesTail._nextMoved=t),t}_addToRemovals(t){return null===this._unlinkedRecords&&(this._unlinkedRecords=new ng),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,n){return t.item=n,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=t:this._identityChangesTail._nextIdentityChange=t,t}}class QC{constructor(t,n){this.item=t,this.trackById=n,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 JC{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,n){let r;for(r=this._head;null!==r;r=r._nextDup)if((null===n||n<=r.currentIndex)&&Object.is(r.trackById,t))return r;return null}remove(t){const n=t._prevDup,r=t._nextDup;return null===n?this._head=r:n._nextDup=r,null===r?this._tail=n:r._prevDup=n,null===this._head}}class ng{constructor(){this.map=new Map}put(t){const n=t.trackById;let r=this.map.get(n);r||(r=new JC,this.map.set(n,r)),r.add(t)}get(t,n){const i=this.map.get(t);return i?i.get(t,n):null}remove(t){const n=t.trackById;return this.map.get(n).remove(t)&&this.map.delete(n),t}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function rg(e,t,n){const r=e.previousIndex;if(null===r)return r;let i=0;return n&&r{if(n&&n.key===i)this._maybeAddToChanges(n,r),this._appendAfter=n,n=n._next;else{const s=this._getOrCreateRecordForKey(i,r);n=this._insertBeforeOrAppend(n,s)}}),n){n._prev&&(n._prev._next=null),this._removalsHead=n;for(let r=n;null!==r;r=r._nextRemoved)r===this._mapHead&&(this._mapHead=null),this._records.delete(r.key),r._nextRemoved=r._next,r.previousValue=r.currentValue,r.currentValue=null,r._prev=null,r._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(t,n){if(t){const r=t._prev;return n._next=t,n._prev=r,t._prev=n,r&&(r._next=n),t===this._mapHead&&(this._mapHead=n),this._appendAfter=t,t}return this._appendAfter?(this._appendAfter._next=n,n._prev=this._appendAfter):this._mapHead=n,this._appendAfter=n,null}_getOrCreateRecordForKey(t,n){if(this._records.has(t)){const i=this._records.get(t);this._maybeAddToChanges(i,n);const s=i._prev,o=i._next;return s&&(s._next=o),o&&(o._prev=s),i._next=null,i._prev=null,i}const r=new eb(t);return this._records.set(t,r),r.currentValue=n,this._addToAdditions(r),r}_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,n){Object.is(n,t.currentValue)||(t.previousValue=t.currentValue,t.currentValue=n,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,n){t instanceof Map?t.forEach(n):Object.keys(t).forEach(r=>n(t[r],r))}}class eb{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 sg(){return new Od([new tg])}let Od=(()=>{class e{static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:sg});constructor(n){this.factories=n}static create(n,r){if(null!=r){const i=r.factories.slice();n=n.concat(i)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||sg()),deps:[[e,new Jl,new Ql]]}}find(n){const r=this.factories.find(i=>i.supports(n));if(null!=r)return r;throw new We(901,!1)}}return e})();function og(){return new Nd([new ig])}let Nd=(()=>{class e{static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:og});constructor(n){this.factories=n}static create(n,r){if(r){const i=r.factories.slice();n=n.concat(i)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||og()),deps:[[e,new Jl,new Ql]]}}find(n){const r=this.factories.find(i=>i.supports(n));if(r)return r;throw new We(901,!1)}}return e})();function al(e,t,n,r,i=!1){for(;null!==n;){const s=t[n.index];null!==s&&r.push(gn(s)),Qn(s)&&ag(s,r);const o=n.type;if(8&o)al(e,t,n.child,r);else if(32&o){const l=id(n,t);let h;for(;h=l();)r.push(h)}else if(16&o){const l=Np(t,n);if(Array.isArray(l))r.push(...l);else{const h=Qa(t[Mn]);al(h[Fe],h,l,r,!0)}}n=i?n.projectionNext:n.next}return r}function ag(e,t){for(let n=Rn;n{Di(e.lView)},consumerOnSignalRead(){this.lView[es]=this}};function Rd(e){return e.ngOriginalError}class _o{constructor(){this._console=console}handleError(t){const n=this._findOriginalError(t);this._console.error("ERROR",t),n&&this._console.error("ORIGINAL ERROR",n)}_findOriginalError(t){let n=t&&Rd(t);for(;n&&Rd(n);)n=Rd(n);return n||null}}const ug=new Vt("",{providedIn:"root",factory:()=>Bt(_o).handleError.bind(void 0)}),fg=new Vt("",{providedIn:"root",factory:()=>!1}),jt={};function mg(e){yg(nn(),Te(),lr()+e,!1)}function yg(e,t,n,r){if(!r)if(3==(3&t[ct])){const s=e.preOrderCheckHooks;null!==s&&$l(t,s,n)}else{const s=e.preOrderHooks;null!==s&&zl(t,s,0,n)}Cs(n)}function ca(e,t=Pt.Default){const n=Te();return null===n?Ln(e,t):Ih(vn(),n,at(e),t)}function vg(){throw new Error("invalid")}function Ic(e,t,n,r,i,s,o,l,h,E,A){const k=t.blueprint.slice();return k[tt]=i,k[ct]=140|r,(null!==E||e&&2048&e[ct])&&(k[ct]|=2048),ns(k),k[on]=k[ys]=e,k[tn]=n,k[ms]=o||e&&e[ms],k[Mt]=l||e&&e[Mt],k[hr]=h||e&&e[hr]||null,k[Fn]=s,k[$i]=function OE(){return AE++}(),k[fr]=A,k[Xs]=E,k[Mn]=2==t.type?e[Mn]:k,k}function ua(e,t,n,r,i){let s=e.data[t];if(null===s)s=function Pd(e,t,n,r,i){const s=Hl(),o=Va(),h=e.data[t]=function vb(e,t,n,r,i,s){let o=t?t.injectorIndex:-1,l=0;return fo()&&(l|=128),{type:n,index:r,insertBeforeIndex:null,injectorIndex:o,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:l,providerIndexes:0,value:i,attrs:s,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?s:s&&s.parent,n,t,r,i);return null===e.firstChild&&(e.firstChild=h),null!==s&&(o?null==s.child&&null!==h.parent&&(s.child=h):null===s.next&&(s.next=h,h.prev=s)),h}(e,t,n,r,i),function mh(){return wt.lFrame.inI18n}()&&(s.flags|=32);else if(64&s.type){s.type=n,s.value=r,s.attrs=i;const o=function Io(){const e=wt.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}();s.injectorIndex=null===o?-1:o.injectorIndex}return rs(s,!0),s}function ll(e,t,n,r){if(0===n)return-1;const i=t.length;for(let s=0;sOt&&yg(e,t,Ot,!1),er(o?2:0,i),n(r,i)}finally{Cs(s),er(o?3:1,i)}}function xd(e,t,n){if(co(t)){const r=R(null);try{const s=t.directiveEnd;for(let o=t.directiveStart;onull;function Cg(e,t,n,r){for(let i in e)if(e.hasOwnProperty(i)){n=null===n?{}:n;const s=e[i];null===r?bg(n,t,i,s):r.hasOwnProperty(i)&&bg(n,t,r[i],s)}return n}function bg(e,t,n,r){e.hasOwnProperty(n)?e[n].push(t,r):e[n]=[t,r]}function Wi(e,t,n,r,i,s,o,l){const h=Er(t,n);let A,E=t.inputs;!l&&null!=E&&(A=E[r])?(jd(e,n,A,r,i),ai(t)&&function Eb(e,t){const n=lt(t,e);16&n[ct]||(n[ct]|=64)}(n,t.index)):3&t.type&&(r=function Db(e){return"class"===e?"className":"for"===e?"htmlFor":"formaction"===e?"formAction":"innerHtml"===e?"innerHTML":"readonly"===e?"readOnly":"tabindex"===e?"tabIndex":e}(r),i=null!=o?o(i,t.value||"",r):i,s.setProperty(h,r,i))}function Vd(e,t,n,r){if(kl()){const i=null===r?null:{"":-1},s=function Tb(e,t){const n=e.directiveRegistry;let r=null,i=null;if(n)for(let s=0;s0;){const n=e[--t];if("number"==typeof n&&n<0)return n}return 0})(o)!=l&&o.push(l),o.push(n,r,s)}}(e,t,r,ll(e,n,i.hostVars,jt),i)}function Bs(e,t,n,r,i,s){const o=Er(e,t);!function Hd(e,t,n,r,i,s,o){if(null==s)e.removeAttribute(t,i,n);else{const l=null==o?Be(s):o(s,r||"",i);e.setAttribute(t,i,l,n)}}(t[Mt],o,s,e.value,n,r,i)}function Pb(e,t,n,r,i,s){const o=s[t];if(null!==o)for(let l=0;l-1&&(Ja(t,r),ql(n,r))}this._attachedToViewContainer=!1}hc(this._lView[Fe],this._lView)}onDestroy(t){Nn(this._lView,t)}markForCheck(){cl(this._cdRefInjectingView||this._lView)}detach(){this._lView[ct]&=-129}reattach(){Cr(this._lView),this._lView[ct]|=128}detectChanges(){this._lView[ct]|=1024,function $d(e,t=!0){const n=e[ms],r=n.rendererFactory,i=n.afterRenderEventManager;r.begin?.(),i?.begin();try{!function Fb(e){zd(e,0);let t=0;for(;To(e);){if(100===t)throw new We(103,!1);t++,zd(e,1)}}(e)}catch(o){throw t&&Oc(e,o),o}finally{r.end?.(),n.inlineEffectRunner?.flush(),i?.end()}}(this._lView,this.notifyErrorHandler)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new We(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function zE(e,t){el(e,t,t[Mt],2,null,null)}(this._lView[Fe],this._lView)}attachToAppRef(t){if(this._attachedToViewContainer)throw new We(902,!1);this._appRef=t}}let Lg=(()=>{class e{static#e=this.__NG_ELEMENT_ID__=Ub}return e})();function Ub(e){return function jb(e,t,n){if(ai(e)&&!n){const r=lt(e.index,t);return new ul(r,r)}return 47&e.type?new ul(t[Mn],t):null}(vn(),Te(),16==(16&e))}let Nc=(()=>{class e{static#e=this.__NG_ELEMENT_ID__=Wb;static#t=this.__NG_ENV_ID__=n=>n}return e})();class Gb extends Nc{constructor(t){super(),this._lView=t}onDestroy(t){return Nn(this._lView,t),()=>function xs(e,t){if(null===e[qr])return;const n=e[qr].indexOf(t);-1!==n&&e[qr].splice(n,1)}(this._lView,t)}}function Wb(){return new Gb(Te())}const Yb=new Vt("",{providedIn:"root",factory:()=>Bt(Kb)});let Kb=(()=>{class e{static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:()=>new Zb})}return e})(),qb=(()=>{class e{constructor(){this.queuedEffectCount=0,this.queues=new Map}scheduleEffect(n){const r=n.creationZone;this.queues.has(r)||this.queues.set(r,new Set);const i=this.queues.get(r);i.has(n)||(this.queuedEffectCount++,i.add(n))}flush(){for(;this.queuedEffectCount>0;)for(const[n,r]of this.queues)null===n?this.flushQueue(r):n.run(()=>this.flushQueue(r))}flushQueue(n){for(const r of n)n.delete(r),this.queuedEffectCount--,r.run()}static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:()=>new e})}return e})();class Zb{constructor(){this.hasQueuedFlush=!1,this.delegate=new qb,this.flushTask=()=>{this.delegate.flush(),this.hasQueuedFlush=!1}}scheduleEffect(t){this.delegate.scheduleEffect(t),this.hasQueuedFlush||(queueMicrotask(this.flushTask),this.hasQueuedFlush=!0)}}class Qb{constructor(t,n,r,i,s,o){this.scheduler=t,this.effectFn=n,this.creationZone=r,this.errorHandler=s,this.watcher=function mn(e,t,n){const r=Object.create(Wt);n&&(r.consumerAllowSignalWrites=!0),r.fn=e,r.schedule=t;const i=h=>{r.cleanupFn=h};return r.ref={notify:()=>Ge(r),run:()=>{if(null===r.fn)return;if(function j(){return V}())throw new Error("Schedulers cannot synchronously execute watches while scheduling.");if(r.dirty=!1,r.hasRun&&!Nt(r))return;r.hasRun=!0;const h=ze(r);try{r.cleanupFn(),r.cleanupFn=Xe,r.fn(i)}finally{pt(r,h)}},cleanup:()=>r.cleanupFn(),destroy:()=>function o(h){(function s(h){return null===h.fn&&null===h.schedule})(h)||(St(h),h.cleanupFn(),h.fn=null,h.schedule=null,h.cleanupFn=Xe)}(r),[y]:r},r.ref}(l=>this.runEffect(l),()=>this.schedule(),o),this.unregisterOnDestroy=i?.onDestroy(()=>this.destroy())}runEffect(t){try{this.effectFn(t)}catch(n){this.errorHandler?.handleError(n)}}run(){this.watcher.run()}schedule(){this.scheduler.scheduleEffect(this)}destroy(){this.watcher.destroy(),this.unregisterOnDestroy?.()}}function Fg(e,t){!t?.injector&&Wu();const n=t?.injector??Bt(is),r=n.get(_o,null,{optional:!0}),i=!0!==t?.manualCleanup?n.get(Nc):null,s=new Qb(n.get(Yb),e,typeof Zone>"u"?null:Zone.current,i,r,t?.allowSignalWrites??!1),o=n.get(Lg,null,{optional:!0});return o&&8&o._lView[ct]?(o._lView[Mo]??=[]).push(s.watcher.notify):s.watcher.notify(),s}const kg=new Set;function Po(e){kg.has(e)||(kg.add(e),performance?.mark?.("mark_feature_usage",{detail:{feature:e}}))}function Gd(e){return t=>{setTimeout(e,void 0,t)}}const Hs=class Jb extends rn.x{constructor(t=!1){super(),this.__isAsync=t}emit(t){super.next(t)}subscribe(t,n,r){let i=t,s=n||(()=>null),o=r;if(t&&"object"==typeof t){const h=t;i=h.next?.bind(h),s=h.error?.bind(h),o=h.complete?.bind(h)}this.__isAsync&&(s=Gd(s),i&&(i=Gd(i)),o&&(o=Gd(o)));const l=super.subscribe({next:i,error:s,complete:o});return t instanceof dn.w0&&t.add(l),l}};function Vg(...e){}class br{constructor({enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new Hs(!1),this.onMicrotaskEmpty=new Hs(!1),this.onStable=new Hs(!1),this.onError=new Hs(!1),typeof Zone>"u")throw new We(908,!1);Zone.assertZonePatched();const i=this;i._nesting=0,i._outer=i._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(i._inner=i._inner.fork(new Zone.TaskTrackingZoneSpec)),t&&Zone.longStackTraceZoneSpec&&(i._inner=i._inner.fork(Zone.longStackTraceZoneSpec)),i.shouldCoalesceEventChangeDetection=!r&&n,i.shouldCoalesceRunChangeDetection=r,i.lastRequestAnimationFrameId=-1,i.nativeRequestAnimationFrame=function Xb(){const e="function"==typeof kt.requestAnimationFrame;let t=kt[e?"requestAnimationFrame":"setTimeout"],n=kt[e?"cancelAnimationFrame":"clearTimeout"];if(typeof Zone<"u"&&t&&n){const r=t[Zone.__symbol__("OriginalDelegate")];r&&(t=r);const i=n[Zone.__symbol__("OriginalDelegate")];i&&(n=i)}return{nativeRequestAnimationFrame:t,nativeCancelAnimationFrame:n}}().nativeRequestAnimationFrame,function nw(e){const t=()=>{!function tw(e){e.isCheckStableRunning||-1!==e.lastRequestAnimationFrameId||(e.lastRequestAnimationFrameId=e.nativeRequestAnimationFrame.call(kt,()=>{e.fakeTopEventTask||(e.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{e.lastRequestAnimationFrameId=-1,Yd(e),e.isCheckStableRunning=!0,Wd(e),e.isCheckStableRunning=!1},void 0,()=>{},()=>{})),e.fakeTopEventTask.invoke()}),Yd(e))}(e)};e._inner=e._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(n,r,i,s,o,l)=>{if(function iw(e){return!(!Array.isArray(e)||1!==e.length)&&!0===e[0].data?.__ignore_ng_zone__}(l))return n.invokeTask(i,s,o,l);try{return Bg(e),n.invokeTask(i,s,o,l)}finally{(e.shouldCoalesceEventChangeDetection&&"eventTask"===s.type||e.shouldCoalesceRunChangeDetection)&&t(),Hg(e)}},onInvoke:(n,r,i,s,o,l,h)=>{try{return Bg(e),n.invoke(i,s,o,l,h)}finally{e.shouldCoalesceRunChangeDetection&&t(),Hg(e)}},onHasTask:(n,r,i,s)=>{n.hasTask(i,s),r===i&&("microTask"==s.change?(e._hasPendingMicrotasks=s.microTask,Yd(e),Wd(e)):"macroTask"==s.change&&(e.hasPendingMacrotasks=s.macroTask))},onHandleError:(n,r,i,s)=>(n.handleError(i,s),e.runOutsideAngular(()=>e.onError.emit(s)),!1)})}(i)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!br.isInAngularZone())throw new We(909,!1)}static assertNotInAngularZone(){if(br.isInAngularZone())throw new We(909,!1)}run(t,n,r){return this._inner.run(t,n,r)}runTask(t,n,r,i){const s=this._inner,o=s.scheduleEventTask("NgZoneEvent: "+i,t,ew,Vg,Vg);try{return s.runTask(o,n,r)}finally{s.cancelTask(o)}}runGuarded(t,n,r){return this._inner.runGuarded(t,n,r)}runOutsideAngular(t){return this._outer.run(t)}}const ew={};function Wd(e){if(0==e._nesting&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Yd(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&-1!==e.lastRequestAnimationFrameId)}function Bg(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Hg(e){e._nesting--,Wd(e)}class rw{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new Hs,this.onMicrotaskEmpty=new Hs,this.onStable=new Hs,this.onError=new Hs}run(t,n,r){return t.apply(n,r)}runGuarded(t,n,r){return t.apply(n,r)}runOutsideAngular(t){return t()}runTask(t,n,r,i){return t.apply(n,r)}}const Ug=new Vt("",{providedIn:"root",factory:jg});function jg(){const e=Bt(br);let t=!0;return function ht(...e){const t=(0,bi.yG)(e),n=(0,bi._6)(e,1/0),r=e;return r.length?1===r.length?(0,Tn.Xf)(r[0]):(0,sn.J)(n)((0,wn.D)(r,t)):Mr.E}(new kn.y(i=>{t=e.isStable&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks,e.runOutsideAngular(()=>{i.next(t),i.complete()})}),new kn.y(i=>{let s;e.runOutsideAngular(()=>{s=e.onStable.subscribe(()=>{br.assertNotInAngularZone(),queueMicrotask(()=>{!t&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks&&(t=!0,i.next(!0))})})});const o=e.onUnstable.subscribe(()=>{br.assertInAngularZone(),t&&(t=!1,e.runOutsideAngular(()=>{i.next(!1)}))});return()=>{s.unsubscribe(),o.unsubscribe()}}).pipe(function $t(e={}){const{connector:t=(()=>new rn.x),resetOnError:n=!0,resetOnComplete:r=!0,resetOnRefCountZero:i=!0}=e;return s=>{let o,l,h,E=0,A=!1,k=!1;const W=()=>{l?.unsubscribe(),l=void 0},Q=()=>{W(),o=h=void 0,A=k=!1},_e=()=>{const Le=o;Q(),Le?.unsubscribe()};return(0,xt.e)((Le,qe)=>{E++,!k&&!A&&W();const it=h=h??t();qe.add(()=>{E--,0===E&&!k&&!A&&(l=Bn(_e,i))}),it.subscribe(qe),!o&&E>0&&(o=new Vn.Hp({next:xe=>it.next(xe),error:xe=>{k=!0,W(),l=Bn(Q,n,xe),it.error(xe)},complete:()=>{A=!0,W(),l=Bn(Q,r),it.complete()}}),(0,Tn.Xf)(Le).subscribe(o))})(s)}}()))}var xo=function(e){return e[e.EarlyRead=0]="EarlyRead",e[e.Write=1]="Write",e[e.MixedReadWrite=2]="MixedReadWrite",e[e.Read=3]="Read",e}(xo||{});const $g={destroy(){}};function Gg(e,t){!t&&Wu();const n=t?.injector??Bt(is);if(!function mo(e){return"browser"===(e??Bt(is)).get(qu)}(n))return $g;Po("NgAfterNextRender");const r=n.get(Rc),i=r.handler??=new Yg,s=t?.phase??xo.MixedReadWrite,o=()=>{i.unregister(h),l()},l=n.get(Nc).onDestroy(o),h=new Wg(n,s,()=>{o(),e()});return i.register(h),{destroy:o}}class Wg{constructor(t,n,r){this.phase=n,this.callbackFn=r,this.zone=t.get(br),this.errorHandler=t.get(_o,null,{optional:!0})}invoke(){try{this.zone.runOutsideAngular(this.callbackFn)}catch(t){this.errorHandler?.handleError(t)}}}class Yg{constructor(){this.executingCallbacks=!1,this.buckets={[xo.EarlyRead]:new Set,[xo.Write]:new Set,[xo.MixedReadWrite]:new Set,[xo.Read]:new Set},this.deferredCallbacks=new Set}validateBegin(){if(this.executingCallbacks)throw new We(102,!1)}register(t){(this.executingCallbacks?this.deferredCallbacks:this.buckets[t.phase]).add(t)}unregister(t){this.buckets[t.phase].delete(t),this.deferredCallbacks.delete(t)}execute(){this.executingCallbacks=!0;for(const t of Object.values(this.buckets))for(const n of t)n.invoke();this.executingCallbacks=!1;for(const t of this.deferredCallbacks)this.buckets[t.phase].add(t);this.deferredCallbacks.clear()}destroy(){for(const t of Object.values(this.buckets))t.clear();this.deferredCallbacks.clear()}}let Rc=(()=>{class e{constructor(){this.renderDepth=0,this.handler=null,this.internalCallbacks=[]}begin(){this.handler?.validateBegin(),this.renderDepth++}end(){if(this.renderDepth--,0===this.renderDepth){for(const n of this.internalCallbacks)n();this.internalCallbacks.length=0,this.handler?.execute()}}ngOnDestroy(){this.handler?.destroy(),this.handler=null,this.internalCallbacks.length=0}static#e=this.\u0275prov=vt({token:e,providedIn:"root",factory:()=>new e})}return e})();function aw(e,t){const n=lt(t,e),r=n[Fe];!function lw(e,t){for(let n=t.length;n0&&xp(e,n,s.join(" "))}}(k,Hr,Q,r),void 0!==n&&function vw(e,t,n){const r=e.projection=[];for(let i=0;i=0;r--){const i=e[r];i.hostVars=t+=i.hostVars,i.hostAttrs=Nr(i.hostAttrs,n=Nr(n,i.hostAttrs))}}(r)}function xc(e){return e===Zn?{}:e===Yt?[]:e}function Ew(e,t){const n=e.viewQuery;e.viewQuery=n?(r,i)=>{t(r,i),n(r,i)}:t}function Cw(e,t){const n=e.contentQueries;e.contentQueries=n?(r,i,s)=>{t(r,i,s),n(r,i,s)}:t}function bw(e,t){const n=e.hostBindings;e.hostBindings=n?(r,i)=>{t(r,i),n(r,i)}:t}function em(e){const t=e.inputConfig,n={};for(const r in t)if(t.hasOwnProperty(r)){const i=t[r];Array.isArray(i)&&i[2]&&(n[r]=i[2])}e.inputTransforms=n}function Us(e,t,n){return e[t]=n}function fl(e,t){return e[t]}function wr(e,t,n){return!Object.is(e[t],n)&&(e[t]=n,!0)}function Lo(e,t,n,r){const i=wr(e,t,n);return wr(e,t+1,r)||i}function Zd(e,t,n,r){const i=Te();return wr(i,Es(),t)&&(nn(),Bs(un(),i,e,t,n,r)),Zd}function fa(e,t,n,r){return wr(e,Es(),n)?t+Be(n)+r:jt}function Fc(e,t){return e<<17|t<<2}function Do(e){return e>>17&32767}function Qd(e){return 2|e}function Fo(e){return(131068&e)>>2}function Jd(e,t){return-131069&e|t<<2}function Xd(e){return 1|e}function um(e,t,n,r,i){const s=e[n+1],o=null===t;let l=r?Do(s):Fo(s),h=!1;for(;0!==l&&(!1===h||o);){const A=e[l+1];xw(e[l],t)&&(h=!0,e[l+1]=r?Xd(A):Qd(A)),l=r?Do(A):Fo(A)}h&&(e[n+1]=r?Qd(s):Xd(s))}function xw(e,t){return null===e||null==t||(Array.isArray(e)?e[1]:e)===t||!(!Array.isArray(e)||"string"!=typeof t)&&Qo(e,t)>=0}const Lr={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function dm(e){return e.substring(Lr.key,Lr.keyEnd)}function fm(e,t){const n=Lr.textEnd;return n===t?-1:(t=Lr.keyEnd=function Vw(e,t,n){for(;t32;)t++;return t}(e,Lr.key=t,n),Da(e,t,n))}function Da(e,t,n){for(;t=0;n=fm(t,n))zi(e,dm(t),!0)}function _m(e,t){return t>=e.expandoStartIndex}function Dm(e,t,n,r){const i=e.data;if(null===i[n+1]){const s=i[lr()],o=_m(e,n);wm(s,r)&&null===t&&!o&&(t=!1),t=function jw(e,t,n,r){const i=function m(e){const t=wt.lFrame.currentDirectiveIndex;return-1===t?null:e[t]}(e);let s=r?t.residualClasses:t.residualStyles;if(null===i)0===(r?t.classBindings:t.styleBindings)&&(n=hl(n=rf(null,e,t,n,r),t.attrs,r),s=null);else{const o=t.directiveStylingLast;if(-1===o||e[o]!==i)if(n=rf(i,e,t,n,r),null===s){let h=function $w(e,t,n){const r=n?t.classBindings:t.styleBindings;if(0!==Fo(r))return e[Do(r)]}(e,t,r);void 0!==h&&Array.isArray(h)&&(h=rf(null,e,t,h[1],r),h=hl(h,t.attrs,r),function zw(e,t,n,r){e[Do(n?t.classBindings:t.styleBindings)]=r}(e,t,r,h))}else s=function Gw(e,t,n){let r;const i=t.directiveEnd;for(let s=1+t.directiveStylingLast;s0)&&(E=!0)):A=n,i)if(0!==h){const W=Do(e[l+1]);e[r+1]=Fc(W,l),0!==W&&(e[W+1]=Jd(e[W+1],r)),e[l+1]=function Ow(e,t){return 131071&e|t<<17}(e[l+1],r)}else e[r+1]=Fc(l,0),0!==l&&(e[l+1]=Jd(e[l+1],r)),l=r;else e[r+1]=Fc(h,0),0===l?l=r:e[h+1]=Jd(e[h+1],r),h=r;E&&(e[r+1]=Qd(e[r+1])),um(e,A,r,!0),um(e,A,r,!1),function Pw(e,t,n,r,i){const s=i?e.residualClasses:e.residualStyles;null!=s&&"string"==typeof t&&Qo(s,t)>=0&&(n[r+1]=Xd(n[r+1]))}(t,A,e,r,s),o=Fc(l,h),s?t.classBindings=o:t.styleBindings=o}(i,s,t,n,o,r)}}function rf(e,t,n,r,i){let s=null;const o=n.directiveEnd;let l=n.directiveStylingLast;for(-1===l?l=n.directiveStart:l++;l0;){const h=e[i],E=Array.isArray(h),A=E?h[1]:h,k=null===A;let W=n[i+1];W===jt&&(W=k?Yt:void 0);let Q=k?Lu(W,r):A===r?W:void 0;if(E&&!kc(Q)&&(Q=Lu(h,r)),kc(Q)&&(l=Q,o))return l;const _e=e[i+1];i=o?Do(_e):Fo(_e)}if(null!==t){let h=s?t.residualClasses:t.residualStyles;null!=h&&(l=Lu(h,r))}return l}function kc(e){return void 0!==e}function wm(e,t){return 0!=(e.flags&(t?8:16))}function Ca(e,t){return!t||null===t.firstChild||lc(e)}function _l(e,t,n,r=!0){const i=t[Fe];if(function WE(e,t,n,r){const i=Rn+r,s=n.length;r>0&&(n[i-1][Gn]=t),r{class e{static#e=this.__NG_ELEMENT_ID__=AS}return e})();function AS(){return km(vn(),Te())}const OS=jc,Lm=class extends OS{constructor(t,n,r){super(),this._lContainer=t,this._hostTNode=n,this._hostLView=r}get element(){return la(this._hostTNode,this._hostLView)}get injector(){return new Pr(this._hostTNode,this._hostLView)}get parentInjector(){const t=Yl(this._hostTNode,this._hostLView);if(Tu(t)){const n=$a(t,this._hostLView),r=ja(t);return new Pr(n[Fe].data[r+8],n)}return new Pr(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(t){const n=Fm(this._lContainer);return null!==n&&n[t]||null}get length(){return this._lContainer.length-Rn}createEmbeddedView(t,n,r){let i,s;"number"==typeof r?i=r:null!=r&&(i=r.index,s=r.injector);const l=t.createEmbeddedViewImpl(n||{},s,null);return this.insertImpl(l,i,Ca(this._hostTNode,null)),l}createComponent(t,n,r,i,s){const o=t&&!function za(e){return"function"==typeof e}(t);let l;if(o)l=n;else{const _e=n||{};l=_e.index,r=_e.injector,i=_e.projectableNodes,s=_e.environmentInjector||_e.ngModuleRef}const h=o?t:new dl(Lt(t)),E=r||this.parentInjector;if(!s&&null==h.ngModule){const Le=(o?E:this.parentInjector).get(Vs,null);Le&&(s=Le)}Lt(h.componentType??{});const Q=h.create(E,i,null,s);return this.insertImpl(Q.hostView,l,Ca(this._hostTNode,null)),Q}insert(t,n){return this.insertImpl(t,n,!0)}insertImpl(t,n,r){const i=t._lView;if(function _i(e){return Qn(e[on])}(i)){const l=this.indexOf(t);if(-1!==l)this.detach(l);else{const h=i[on],E=new Lm(h,h[Fn],h[on]);E.detach(E.indexOf(t))}}const s=this._adjustIndex(n),o=this._lContainer;return _l(o,i,s,r),t.attachToViewContainerRef(),Lh(pf(o),s,t),t}move(t,n){return this.insert(t,n)}indexOf(t){const n=Fm(this._lContainer);return null!==n?n.indexOf(t):-1}remove(t){const n=this._adjustIndex(t,-1),r=Ja(this._lContainer,n);r&&(ql(pf(this._lContainer),n),hc(r[Fe],r))}detach(t){const n=this._adjustIndex(t,-1),r=Ja(this._lContainer,n);return r&&null!=ql(pf(this._lContainer),n)?new ul(r):null}_adjustIndex(t,n=0){return t??this.length+n}};function Fm(e){return e[8]}function pf(e){return e[8]||(e[8]=[])}function km(e,t){let n;const r=t[e.index];return Qn(r)?n=r:(n=Tg(r,t,null,e),t[e.index]=n,Ac(t,n)),Vm(n,t,e,r),new Lm(n,e,t)}let Vm=function Hm(e,t,n,r){if(e[Ri])return;let i;i=8&n.type?gn(r):function NS(e,t){const n=e[Mt],r=n.createComment(""),i=Er(t,e);return Ro(n,pc(n,i),r,function QE(e,t){return e.nextSibling(t)}(n,i),!1),r}(t,n),e[Ri]=i},gf=(e,t,n)=>!1;function ba(e,t,n,r,i,s,o,l){const h=Te(),E=nn(),A=e+Ot,k=E.firstCreatePass?function LS(e,t,n,r,i,s,o,l,h){const E=t.consts,A=ua(t,e,4,o||null,$n(E,l));Vd(t,n,A,$n(E,h)),jl(t,A);const k=A.tView=kd(2,A,r,i,s,t.directiveRegistry,t.pipeRegistry,null,t.schemas,E,null);return null!==t.queries&&(t.queries.template(t,A),k.queries=t.queries.embeddedTView(A)),A}(A,E,h,t,n,r,i,s,o):E.data[A];rs(k,!1);const W=Um(E,h,k,e);Ul()&&gc(E,h,W,k),ci(W,h);const Q=Tg(W,h,W,k);return h[A]=Q,Ac(h,Q),function Bm(e,t,n){return gf(e,t,n)}(Q,k,h),eo(k)&&Ld(E,h,k),null!=o&&Fd(h,k,l),ba}let Um=function jm(e,t,n,r){return ho(!0),t[Mt].createComment("")};function Kc(e,t,n,r){const i=Te(),s=nn(),o=Ot+e,l=i[Mt],h=s.firstCreatePass?function S0(e,t,n,r,i,s){const o=t.consts,h=ua(t,e,2,r,$n(o,i));return Vd(t,n,h,$n(o,s)),null!==h.attrs&&Pc(h,h.attrs,!1),null!==h.mergedAttrs&&Pc(h,h.mergedAttrs,!0),null!==t.queries&&t.queries.elementStart(t,h),h}(o,s,i,t,n,r):s.data[o],E=dy(s,i,h,l,t,e);i[o]=E;const A=eo(h);return rs(h,!0),Lp(l,E,h),32!=(32&h.flags)&&Ul()&&gc(s,i,E,h),0===function Ll(){return wt.lFrame.elementDepthCount}()&&ci(E,i),function Fl(){wt.lFrame.elementDepthCount++}(),A&&(Ld(s,i,h),xd(s,h,i)),null!==r&&Fd(i,h),Kc}function qc(){let e=vn();Va()?Ba():(e=e.parent,rs(e,!1));const t=e;(function fh(e){return wt.skipHydrationRootTNode===e})(t)&&function ph(){wt.skipHydrationRootTNode=null}(),function ka(){wt.lFrame.elementDepthCount--}();const n=nn();return n.firstCreatePass&&(jl(n,e),co(e)&&n.queries.elementEnd(e)),null!=t.classesWithoutHost&&function DD(e){return 0!=(8&e.flags)}(t)&&tf(n,t,Te(),t.classesWithoutHost,!0),null!=t.stylesWithoutHost&&function ED(e){return 0!=(16&e.flags)}(t)&&tf(n,t,Te(),t.stylesWithoutHost,!1),qc}function Mf(e,t,n,r){return Kc(e,t,n,r),qc(),Mf}let dy=(e,t,n,r,i,s)=>(ho(!0),fc(r,i,function _h(){return wt.lFrame.currentNamespace}()));function Zc(e,t,n){const r=Te(),i=nn(),s=e+Ot,o=i.firstCreatePass?function I0(e,t,n,r,i){const s=t.consts,o=$n(s,r),l=ua(t,e,8,"ng-container",o);return null!==o&&Pc(l,o,!0),Vd(t,n,l,$n(s,i)),null!==t.queries&&t.queries.elementStart(t,l),l}(s,i,r,t,n):i.data[s];rs(o,!0);const l=fy(i,r,o,e);return r[s]=l,Ul()&&gc(i,r,l,o),ci(l,r),eo(o)&&(Ld(i,r,o),xd(i,o,r)),null!=n&&Fd(r,o),Zc}function Qc(){let e=vn();const t=nn();return Va()?Ba():(e=e.parent,rs(e,!1)),t.firstCreatePass&&(jl(t,e),co(e)&&t.queries.elementEnd(e)),Qc}function Tf(e,t,n){return Zc(e,t,n),Qc(),Tf}let fy=(e,t,n,r)=>(ho(!0),sd(t[Mt],""));function hy(){return Te()}const Vo=void 0;var R0=["en",[["a","p"],["AM","PM"],Vo],[["AM","PM"],Vo,Vo],[["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"]],Vo,[["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"]],Vo,[["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}",Vo,"{1} 'at' {0}",Vo],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function N0(e){const n=Math.floor(Math.abs(e)),r=e.toString().replace(/^[^.]*\.?/,"").length;return 1===n&&0===r?1:5}];let Oa={};function If(e){const t=function P0(e){return e.toLowerCase().replace(/_/g,"-")}(e);let n=yy(t);if(n)return n;const r=t.split("-")[0];if(n=yy(r),n)return n;if("en"===r)return R0;throw new We(701,!1)}function my(e){return If(e)[Na.PluralCase]}function yy(e){return e in Oa||(Oa[e]=kt.ng&&kt.ng.common&&kt.ng.common.locales&&kt.ng.common.locales[e]),Oa[e]}var Na=function(e){return e[e.LocaleId=0]="LocaleId",e[e.DayPeriodsFormat=1]="DayPeriodsFormat",e[e.DayPeriodsStandalone=2]="DayPeriodsStandalone",e[e.DaysFormat=3]="DaysFormat",e[e.DaysStandalone=4]="DaysStandalone",e[e.MonthsFormat=5]="MonthsFormat",e[e.MonthsStandalone=6]="MonthsStandalone",e[e.Eras=7]="Eras",e[e.FirstDayOfWeek=8]="FirstDayOfWeek",e[e.WeekendRange=9]="WeekendRange",e[e.DateFormat=10]="DateFormat",e[e.TimeFormat=11]="TimeFormat",e[e.DateTimeFormat=12]="DateTimeFormat",e[e.NumberSymbols=13]="NumberSymbols",e[e.NumberFormats=14]="NumberFormats",e[e.CurrencyCode=15]="CurrencyCode",e[e.CurrencySymbol=16]="CurrencySymbol",e[e.CurrencyName=17]="CurrencyName",e[e.Currencies=18]="Currencies",e[e.Directionality=19]="Directionality",e[e.PluralCase=20]="PluralCase",e[e.ExtraData=21]="ExtraData",e}(Na||{});const Ra="en-US";let vy=Ra;function Nf(e){return!!e&&"function"==typeof e.then}function $y(e){return!!e&&"function"==typeof e.subscribe}function Rf(e,t,n,r){const i=Te(),s=nn(),o=vn();return function Gy(e,t,n,r,i,s,o){const l=eo(r),E=e.firstCreatePass&&Og(e),A=t[tn],k=Ag(t);let W=!0;if(3&r.type||o){const Le=Er(r,t),qe=o?o(Le):Le,it=k.length,xe=o?an=>o(gn(an[r.index])):r.index;let At=null;if(!o&&l&&(At=function TM(e,t,n,r){const i=e.cleanup;if(null!=i)for(let s=0;sh?l[h]:null}"string"==typeof o&&(s+=2)}return null}(e,t,i,r.index)),null!==At)(At.__ngLastListenerFn__||At).__ngNextListenerFn__=s,At.__ngLastListenerFn__=s,W=!1;else{s=Yy(r,t,A,s,!1);const an=n.listen(qe,i,s);k.push(s,an),E&&E.push(i,xe,it,it+1)}}else s=Yy(r,t,A,s,!1);const Q=r.outputs;let _e;if(W&&null!==Q&&(_e=Q[i])){const Le=_e.length;if(Le)for(let qe=0;qe-1?lt(e.index,t):t);let h=Wy(t,n,r,o),E=s.__ngNextListenerFn__;for(;E;)h=Wy(t,n,E,o)&&h,E=E.__ngNextListenerFn__;return i&&!1===h&&o.preventDefault(),h}}function Ky(e=1){return function Ao(e){return(wt.lFrame.contextLView=function to(e,t){for(;e>0;)t=t[ys],e--;return t}(e,wt.lFrame.contextLView))[tn]}(e)}function IM(e,t){let n=null;const r=function Js(e){const t=e.attrs;if(null!=t){const n=t.indexOf(5);if(!(1&n))return t[n+1]}return null}(e);for(let i=0;i(ho(!0),function dc(e,t){return e.createText(t)}(t[Mt],r));function Pf(e){return ru("",e,""),Pf}function ru(e,t,n){const r=Te(),i=fa(r,e,t,n);return i!==jt&&function io(e,t,n){const r=vi(t,e);!function Cp(e,t,n){e.setValue(t,n)}(e[Mt],r,n)}(r,lr(),i),ru}function xf(e,t,n,r,i){if(e=at(e),Array.isArray(e))for(let s=0;s>20;if(No(e)||!e.multi){const Q=new Ua(E,i,ca),_e=Ff(h,t,i?A:A+W,k);-1===_e?(Ou(Wl(l,o),s,h),Lf(s,e,t.length),t.push(h),l.directiveStart++,l.directiveEnd++,i&&(l.providerIndexes+=1048576),n.push(Q),o.push(Q)):(n[_e]=Q,o[_e]=Q)}else{const Q=Ff(h,t,A+W,k),_e=Ff(h,t,A,A+W),qe=_e>=0&&n[_e];if(i&&!qe||!i&&!(Q>=0&&n[Q])){Ou(Wl(l,o),s,h);const it=function zM(e,t,n,r,i){const s=new Ua(e,n,ca);return s.multi=[],s.index=t,s.componentProviders=0,Mv(s,i,r&&!n),s}(i?$M:jM,n.length,i,r,E);!i&&qe&&(n[_e].providerFactory=it),Lf(s,e,t.length,0),t.push(h),l.directiveStart++,l.directiveEnd++,i&&(l.providerIndexes+=1048576),n.push(it),o.push(it)}else Lf(s,e,Q>-1?Q:_e,Mv(n[i?_e:Q],E,!i&&r));!i&&r&&qe&&n[_e].componentProviders++}}}function Lf(e,t,n,r){const i=No(t),s=function XD(e){return!!e.useClass}(t);if(i||s){const h=(s?at(t.useClass):t).prototype.ngOnDestroy;if(h){const E=e.destroyHooks||(e.destroyHooks=[]);if(!i&&t.multi){const A=E.indexOf(n);-1===A?E.push(n,[r,h]):E[A+1].push(r,h)}else E.push(n,h)}}}function Mv(e,t,n){return n&&e.componentProviders++,e.multi.push(t)-1}function Ff(e,t,n,r){for(let i=n;i{n.providersResolver=(r,i)=>function UM(e,t,n){const r=nn();if(r.firstCreatePass){const i=Dr(e);xf(n,r.data,r.blueprint,i,!0),xf(t,r.data,r.blueprint,i,!1)}}(r,i?i(e):e,t)}}class Bo{}class Iv{}function GM(e,t){return new Vf(e,t??null,[])}class Vf extends Bo{constructor(t,n,r){super(),this._parent=n,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new Kg(this);const i=S(t);this._bootstrapComponents=Gi(i.bootstrap),this._r3Injector=Qh(t,n,[{provide:Bo,useValue:this},{provide:Sc,useValue:this.componentFactoryResolver},...r],yt(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(n=>n()),this.destroyCbs=null}onDestroy(t){this.destroyCbs.push(t)}}class Bf extends Iv{constructor(t){super(),this.moduleType=t}create(t){return new Vf(this.moduleType,t,[])}}class Av extends Bo{constructor(t){super(),this.componentFactoryResolver=new Kg(this),this.instance=null;const n=new ea([...t.providers,{provide:Bo,useValue:this},{provide:Sc,useValue:this.componentFactoryResolver}],t.parent||rc(),t.debugName,new Set(["environment"]));this.injector=n,t.runEnvironmentInitializers&&n.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(t){this.injector.onDestroy(t)}}function Ov(e,t,n=null){return new Av({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}let YM=(()=>{class e{constructor(n){this._injector=n,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(n){if(!n.standalone)return null;if(!this.cachedInjectors.has(n)){const r=jh(0,n.type),i=r.length>0?Ov([r],this._injector,`Standalone[${n.type.name}]`):null;this.cachedInjectors.set(n,i)}return this.cachedInjectors.get(n)}ngOnDestroy(){try{for(const n of this.cachedInjectors.values())null!==n&&n.destroy()}finally{this.cachedInjectors.clear()}}static#e=this.\u0275prov=vt({token:e,providedIn:"environment",factory:()=>new e(Ln(Vs))})}return e})();function Nv(e){Po("NgStandalone"),e.getStandaloneInjector=t=>t.get(YM).getOrCreateStandaloneInjector(e)}function Rv(e,t,n){const r=e.\u0275cmp;r.directiveDefs=F(t,!1),r.pipeDefs=F(n,!0)}function Hv(e,t,n){const r=Qr()+e,i=Te();return i[r]===jt?Us(i,r,n?t.call(n):t()):fl(i,r)}function Uv(e,t,n,r){return Gv(Te(),Qr(),e,t,n,r)}function jv(e,t,n,r,i){return Wv(Te(),Qr(),e,t,n,r,i)}function $v(e,t,n,r,i,s){return function Yv(e,t,n,r,i,s,o,l){const h=t+n;return function Lc(e,t,n,r,i){const s=Lo(e,t,n,r);return wr(e,t+2,i)||s}(e,h,i,s,o)?Us(e,h+3,l?r.call(l,i,s,o):r(i,s,o)):Il(e,h+3)}(Te(),Qr(),e,t,n,r,i,s)}function zv(e,t,n,r,i,s,o,l,h){const E=Qr()+e,A=Te(),k=function ss(e,t,n,r,i,s){const o=Lo(e,t,n,r);return Lo(e,t+2,i,s)||o}(A,E,n,r,i,s);return Lo(A,E+4,o,l)||k?Us(A,E+6,h?t.call(h,n,r,i,s,o,l):t(n,r,i,s,o,l)):fl(A,E+6)}function Il(e,t){const n=e[t];return n===jt?void 0:n}function Gv(e,t,n,r,i,s){const o=t+n;return wr(e,o,i)?Us(e,o+1,s?r.call(s,i):r(i)):Il(e,o+1)}function Wv(e,t,n,r,i,s,o){const l=t+n;return Lo(e,l,i,s)?Us(e,l+2,o?r.call(o,i,s):r(i,s)):Il(e,l+2)}function Zv(e,t){const n=nn();let r;const i=e+Ot;n.firstCreatePass?(r=function lT(e,t){if(t)for(let n=t.length-1;n>=0;n--){const r=t[n];if(e===r.name)return r}}(t,n.pipeRegistry),n.data[i]=r,r.onDestroy&&(n.destroyHooks??=[]).push(i,r.onDestroy)):r=n.data[i];const s=r.factory||(r.factory=Ct(r.type)),l=Sn(ca);try{const h=Gl(!1),E=s();return Gl(h),function AM(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}(n,Te(),i,E),E}finally{Sn(l)}}function Qv(e,t,n){const r=e+Ot,i=Te(),s=ft(i,r);return Al(i,r)?Gv(i,Qr(),t,s.transform,n,s):s.transform(n)}function Jv(e,t,n,r){const i=e+Ot,s=Te(),o=ft(s,i);return Al(s,i)?Wv(s,Qr(),t,o.transform,n,r,o):o.transform(n,r)}function Al(e,t){return e[Fe].data[t].pure}function fT(){return this._results[Symbol.iterator]()}class Uf{static#e=Symbol.iterator;get changes(){return this._changes??=new Hs}constructor(t=!1){this._emitDistinctChangesOnly=t,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=void 0,this.length=0,this.first=void 0,this.last=void 0;const n=Uf.prototype;n[Symbol.iterator]||(n[Symbol.iterator]=fT)}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,n){return this._results.reduce(t,n)}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,n){this.dirty=!1;const r=function xi(e){return e.flat(Number.POSITIVE_INFINITY)}(t);(this._changesDetected=!function xD(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r{class e{static#e=this.__NG_ELEMENT_ID__=gT}return e})();const hT=Ol,pT=class extends hT{constructor(t,n,r){super(),this._declarationLView=t,this._declarationTContainer=n,this.elementRef=r}get ssrId(){return this._declarationTContainer.tView?.ssrId||null}createEmbeddedView(t,n){return this.createEmbeddedViewImpl(t,n)}createEmbeddedViewImpl(t,n,r){const i=function vl(e,t,n,r){const i=t.tView,l=Ic(e,i,n,4096&e[ct]?4096:16,null,t,null,null,null,r?.injector??null,r?.dehydratedView??null);l[Rs]=e[t.index];const E=e[Kr];return null!==E&&(l[Kr]=E.createEmbeddedView(i)),Kd(i,l,n),l}(this._declarationLView,this._declarationTContainer,t,{injector:n,dehydratedView:r});return new ul(i)}};function gT(){return ou(vn(),Te())}function ou(e,t){return 4&e.type?new pT(t,e,la(e,t)):null}class jf{constructor(t){this.queryList=t,this.matches=null}clone(){return new jf(this.queryList)}setDirty(){this.queryList.setDirty()}}class $f{constructor(t=[]){this.queries=t}createEmbeddedView(t){const n=t.queries;if(null!==n){const r=null!==t.contentQueries?t.contentQueries[0]:n.length,i=[];for(let s=0;s0)r.push(o[l/2]);else{const E=s[l+1],A=t[-h];for(let k=Rn;k{class e{log(n){console.log(n)}warn(n){console.warn(n)}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})(),S_=(()=>{class e{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new In.X(!1)}add(){this.hasPendingTasks.next(!0);const n=this.taskId++;return this.pendingTasks.add(n),n}remove(n){this.pendingTasks.delete(n),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();class $T{constructor(t,n){this.ngModuleFactory=t,this.componentFactories=n}}let zT=(()=>{class e{compileModuleSync(n){return new Bf(n)}compileModuleAsync(n){return Promise.resolve(this.compileModuleSync(n))}compileModuleAndAllComponentsSync(n){const r=this.compileModuleSync(n),s=Gi(S(n).declarations).reduce((o,l)=>{const h=Lt(l);return h&&o.push(new dl(h)),o},[]);return new $T(r,s)}compileModuleAndAllComponentsAsync(n){return Promise.resolve(this.compileModuleAndAllComponentsSync(n))}clearCache(){}clearCacheFor(n){}getModuleId(n){}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const O_=new Vt(""),N_=new Vt("");let Jf,gI=(()=>{class e{constructor(n,r,i){this._ngZone=n,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,Jf||(function mI(e){Jf=e}(i),i.addToWindow(r)),this._watchAngularEvents(),n.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:()=>{br.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 n=this._callbacks.pop();clearTimeout(n.timeoutId),n.doneCb(this._didWork)}this._didWork=!1});else{let n=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(n)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(n=>({source:n.source,creationLocation:n.creationLocation,data:n.data})):[]}addCallback(n,r,i){let s=-1;r&&r>0&&(s=setTimeout(()=>{this._callbacks=this._callbacks.filter(o=>o.timeoutId!==s),n(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:n,timeoutId:s,updateCb:i})}whenStable(n,r,i){if(i&&!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(n,r,i),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(n){this.registry.registerApplication(n,this)}unregisterApplication(n){this.registry.unregisterApplication(n)}findProviders(n,r,i){return[]}static#e=this.\u0275fac=function(r){return new(r||e)(Ln(br),Ln(R_),Ln(N_))};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac})}return e})(),R_=(()=>{class e{constructor(){this._applications=new Map}registerApplication(n,r){this._applications.set(n,r)}unregisterApplication(n){this._applications.delete(n)}unregisterAllApplications(){this._applications.clear()}getTestability(n){return this._applications.get(n)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(n,r=!0){return Jf?.findTestabilityInTree(this,n,r)??null}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})();const P_=new Vt("Application Initializer");let Xf=(()=>{class e{constructor(){this.initialized=!1,this.done=!1,this.donePromise=new Promise((n,r)=>{this.resolve=n,this.reject=r}),this.appInits=Bt(P_,{optional:!0})??[]}runInitializers(){if(this.initialized)return;const n=[];for(const i of this.appInits){const s=i();if(Nf(s))n.push(s);else if($y(s)){const o=new Promise((l,h)=>{s.subscribe({complete:l,error:h})});n.push(o)}}const r=()=>{this.done=!0,this.resolve()};Promise.all(n).then(()=>{r()}).catch(i=>{this.reject(i)}),0===n.length&&r(),this.initialized=!0}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const eh=new Vt("appBootstrapListener");function F_(e,t){return Array.isArray(t)?t.reduce(F_,e):{...e,...t}}let La=(()=>{class e{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=Bt(ug),this.zoneIsStable=Bt(Ug),this.componentTypes=[],this.components=[],this.isStable=Bt(S_).hasPendingTasks.pipe((0,gr.w)(n=>n?(0,as.of)(!1):this.zoneIsStable),function An(e,t=tr.y){return e=e??ls,(0,xt.e)((n,r)=>{let i,s=!0;n.subscribe((0,Tr.x)(r,o=>{const l=t(o);(s||!e(i,l))&&(s=!1,i=l,r.next(o))}))})}()),this._injector=Bt(Vs)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(n,r){const i=n instanceof Qp;if(!this._injector.get(Xf).done)throw!i&&Ni(n),new We(405,!1);let o;o=i?n:this._injector.get(Sc).resolveComponentFactory(n),this.componentTypes.push(o.componentType);const l=function vI(e){return e.isBoundToModule}(o)?void 0:this._injector.get(Bo),E=o.create(is.NULL,[],r||o.selector,l),A=E.location.nativeElement,k=E.injector.get(O_,null);return k?.registerApplication(A),E.onDestroy(()=>{this.detachView(E.hostView),cu(this.components,E),k?.unregisterApplication(A)}),this._loadComponent(E),E}tick(){if(this._runningTick)throw new We(101,!1);try{this._runningTick=!0;for(let n of this._views)n.detectChanges()}catch(n){this.internalErrorHandler(n)}finally{this._runningTick=!1}}attachView(n){const r=n;this._views.push(r),r.attachToAppRef(this)}detachView(n){const r=n;cu(this._views,r),r.detachFromAppRef()}_loadComponent(n){this.attachView(n.hostView),this.tick(),this.components.push(n);const r=this._injector.get(eh,[]);[...this._bootstrapListeners,...r].forEach(i=>i(n))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(n=>n()),this._views.slice().forEach(n=>n.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(n){return this._destroyListeners.push(n),()=>cu(this._destroyListeners,n)}destroy(){if(this._destroyed)throw new We(406,!1);const n=this._injector;n.destroy&&!n.destroyed&&n.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function cu(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}let DI=(()=>{class e{constructor(){this.zone=Bt(br),this.applicationRef=Bt(La)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){this._onMicrotaskEmptySubscription?.unsubscribe()}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function EI(){const e=Bt(br),t=Bt(_o);return n=>e.runOutsideAngular(()=>t.handleError(n))}const du=new Vt("LocaleId",{providedIn:"root",factory:()=>Bt(du,Pt.Optional|Pt.SkipSelf)||function bI(){return typeof $localize<"u"&&$localize.locale||Ra}()}),wI=new Vt("DefaultCurrencyCode",{providedIn:"root",factory:()=>"USD"}),th=new Vt("PlatformDestroyListeners");let H_=(()=>{class e{constructor(n){this._injector=n,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(n,r){const i=function sw(e="zone.js",t){return"noop"===e?new rw:"zone.js"===e?new br(t):e}(r?.ngZone,function B_(e){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:e?.eventCoalescing??!1,shouldCoalesceRunChangeDetection:e?.runCoalescing??!1}}({eventCoalescing:r?.ngZoneEventCoalescing,runCoalescing:r?.ngZoneRunCoalescing}));return i.run(()=>{const s=function WM(e,t,n){return new Vf(e,t,n)}(n.moduleType,this.injector,function V_(e){return[{provide:br,useFactory:e},{provide:Xo,multi:!0,useFactory:()=>{const t=Bt(DI,{optional:!0});return()=>t.initialize()}},{provide:ug,useFactory:EI},{provide:Ug,useFactory:jg}]}(()=>i)),o=s.injector.get(_o,null);return i.runOutsideAngular(()=>{const l=i.onError.subscribe({next:h=>{o.handleError(h)}});s.onDestroy(()=>{cu(this._modules,s),l.unsubscribe()})}),function L_(e,t,n){try{const r=n();return Nf(r)?r.catch(i=>{throw t.runOutsideAngular(()=>e.handleError(i)),i}):r}catch(r){throw t.runOutsideAngular(()=>e.handleError(r)),r}}(o,i,()=>{const l=s.injector.get(Xf);return l.runInitializers(),l.donePromise.then(()=>(function _y(e){ue(e,"Expected localeId to be defined"),"string"==typeof e&&(vy=e.toLowerCase().replace(/_/g,"-"))}(s.injector.get(du,Ra)||Ra),this._moduleDoBootstrap(s),s))})})}bootstrapModule(n,r=[]){const i=F_({},r);return function yI(e,t,n){const r=new Bf(n);return Promise.resolve(r)}(0,0,n).then(s=>this.bootstrapModuleFactory(s,i))}_moduleDoBootstrap(n){const r=n.injector.get(La);if(n._bootstrapComponents.length>0)n._bootstrapComponents.forEach(i=>r.bootstrap(i));else{if(!n.instance.ngDoBootstrap)throw new We(-403,!1);n.instance.ngDoBootstrap(r)}this._modules.push(n)}onDestroy(n){this._destroyListeners.push(n)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new We(404,!1);this._modules.slice().forEach(r=>r.destroy()),this._destroyListeners.forEach(r=>r());const n=this._injector.get(th,null);n&&(n.forEach(r=>r()),n.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}static#e=this.\u0275fac=function(r){return new(r||e)(Ln(is))};static#t=this.\u0275prov=vt({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})(),Co=null;const U_=new Vt("AllowMultipleToken");function j_(e,t,n=[]){const r=`Platform: ${t}`,i=new Vt(r);return(s=[])=>{let o=nh();if(!o||o.injector.get(U_,!1)){const l=[...n,...s,{provide:i,useValue:!0}];e?e(l):function MI(e){if(Co&&!Co.get(U_,!1))throw new We(400,!1);(function x_(){!function rt(e){he=e}(()=>{throw new We(600,!1)})})(),Co=e;const t=e.get(H_);(function z_(e){e.get(ep,null)?.forEach(n=>n())})(e)}(function $_(e=[],t){return is.create({name:t,providers:[{provide:ju,useValue:"platform"},{provide:th,useValue:new Set([()=>Co=null])},...e]})}(l,r))}return function TI(e){const t=nh();if(!t)throw new We(401,!1);return t}()}}function nh(){return Co?.get(H_)??null}const PI=j_(null,"core",[]);let xI=(()=>{class e{constructor(n){}static#e=this.\u0275fac=function(r){return new(r||e)(Ln(La))};static#t=this.\u0275mod=Ji({type:e});static#n=this.\u0275inj=Zt({})}return e})();function sA(e){return"boolean"==typeof e?e:null!=e&&"false"!==e}function aA(e){const t=Lt(e);if(!t)return null;const n=new dl(t);return{get selector(){return n.selector},get type(){return n.componentType},get inputs(){return n.inputs},get outputs(){return n.outputs},get ngContentSelectors(){return n.ngContentSelectors},get isStandalone(){return t.standalone},get isSignal(){return t.signals}}}},95:(ot,we,P)=>{P.d(we,{Fj:()=>Ee,u5:()=>Et,nD:()=>_r,Cf:()=>Re,JU:()=>ve,a5:()=>ht,JJ:()=>xt,On:()=>ki});var c=P(5849),M=P(6814),V=P(7715),te=P(5592),y=P(7453),R=P(4829),L=P(4564),j=P(8251),G=P(7400),J=P(2714),oe=P(7398);let fe=(()=>{class S{constructor(_,F){this._renderer=_,this._elementRef=F,this.onChange=Z=>{},this.onTouched=()=>{}}setProperty(_,F){this._renderer.setProperty(this._elementRef.nativeElement,_,F)}registerOnTouched(_){this.onTouched=_}registerOnChange(_){this.onChange=_}setDisabledState(_){this.setProperty("disabled",_)}static#e=this.\u0275fac=function(F){return new(F||S)(c.Y36(c.Qsj),c.Y36(c.SBq))};static#t=this.\u0275dir=c.lG2({type:S})}return S})(),Se=(()=>{class S extends fe{static#e=this.\u0275fac=(()=>{let _;return function(Z){return(_||(_=c.n5z(S)))(Z||S)}})();static#t=this.\u0275dir=c.lG2({type:S,features:[c.qOj]})}return S})();const ve=new c.OlP("NgValueAccessor"),pt={provide:ve,useExisting:(0,c.Gpc)(()=>Ee),multi:!0},St=new c.OlP("CompositionEventMode");let Ee=(()=>{class S extends fe{constructor(_,F,Z){super(_,F),this._compositionMode=Z,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function Nt(){const S=(0,M.q)()?(0,M.q)().getUserAgent():"";return/android (\d+)/.test(S.toLowerCase())}())}writeValue(_){this.setProperty("value",_??"")}_handleInput(_){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(_)}_compositionStart(){this._composing=!0}_compositionEnd(_){this._composing=!1,this._compositionMode&&this.onChange(_)}static#e=this.\u0275fac=function(F){return new(F||S)(c.Y36(c.Qsj),c.Y36(c.SBq),c.Y36(St,8))};static#t=this.\u0275dir=c.lG2({type:S,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(F,Z){1&F&&c.NdJ("input",function(tt){return Z._handleInput(tt.target.value)})("blur",function(){return Z.onTouched()})("compositionstart",function(){return Z._compositionStart()})("compositionend",function(tt){return Z._compositionEnd(tt.target.value)})},features:[c._Bn([pt]),c.qOj]})}return S})();const Re=new c.OlP("NgValidators"),Ne=new c.OlP("NgAsyncValidators");function ae(S){return null}function me(S){return null!=S}function be(S){return(0,c.QGY)(S)?(0,V.D)(S):S}function De(S){let T={};return S.forEach(_=>{T=null!=_?{...T,..._}:T}),0===Object.keys(T).length?null:T}function ke(S,T){return T.map(_=>_(S))}function gt(S){return S.map(T=>function je(S){return!S.validate}(T)?T:_=>T.validate(_))}function mn(S){return null!=S?function It(S){if(!S)return null;const T=S.filter(me);return 0==T.length?null:function(_){return De(ke(_,T))}}(gt(S)):null}function Wt(S){return null!=S?function Xe(S){if(!S)return null;const T=S.filter(me);return 0==T.length?null:function(_){return function K(...S){const T=(0,L.jO)(S),{args:_,keys:F}=(0,y.D)(S),Z=new te.y(ut=>{const{length:tt}=_;if(!tt)return void ut.complete();const Fe=new Array(tt);let ct=tt,on=tt;for(let Gn=0;Gn{Fn||(Fn=!0,on--),Fe[Gn]=fr},()=>ct--,void 0,()=>{(!ct||!Fn)&&(on||ut.next(F?(0,J.n)(F,Fe):Fe),ut.complete())}))}});return T?Z.pipe((0,G.Z)(T)):Z}(ke(_,T).map(be)).pipe((0,oe.U)(De))}}(gt(S)):null}function yn(S,T){return null===S?[T]:Array.isArray(S)?[...S,T]:[S,T]}function kn(S){return S?Array.isArray(S)?S:[S]:[]}function sn(S,T){return Array.isArray(S)?S.includes(T):S===T}function Tn(S,T){const _=kn(T);return kn(S).forEach(Z=>{sn(_,Z)||_.push(Z)}),_}function Mr(S,T){return kn(T).filter(_=>!sn(S,_))}class bi{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=mn(this._rawValidators)}_setAsyncValidators(T){this._rawAsyncValidators=T||[],this._composedAsyncValidatorFn=Wt(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,_){return!!this.control&&this.control.hasError(T,_)}getError(T,_){return this.control?this.control.getError(T,_):null}}class wn extends bi{get formDirective(){return null}get path(){return null}}class ht extends bi{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class In{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 xt=(()=>{class S extends In{constructor(_){super(_)}static#e=this.\u0275fac=function(F){return new(F||S)(c.Y36(ht,2))};static#t=this.\u0275dir=c.lG2({type:S,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(F,Z){2&F&&c.ekj("ng-untouched",Z.isUntouched)("ng-touched",Z.isTouched)("ng-pristine",Z.isPristine)("ng-dirty",Z.isDirty)("ng-valid",Z.isValid)("ng-invalid",Z.isInvalid)("ng-pending",Z.isPending)},features:[c.qOj]})}return S})();const On="VALID",We="INVALID",Dn="PENDING",Hn="DISABLED";function Me(S){return null!=S&&!Array.isArray(S)&&"object"==typeof S}class et{constructor(T,_){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(_)}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===On}get invalid(){return this.status===We}get pending(){return this.status==Dn}get disabled(){return this.status===Hn}get enabled(){return this.status!==Hn}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(Tn(T,this._rawValidators))}addAsyncValidators(T){this.setAsyncValidators(Tn(T,this._rawAsyncValidators))}removeValidators(T){this.setValidators(Mr(T,this._rawValidators))}removeAsyncValidators(T){this.setAsyncValidators(Mr(T,this._rawAsyncValidators))}hasValidator(T){return sn(this._rawValidators,T)}hasAsyncValidator(T){return sn(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(_=>{_.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(_=>{_.markAsPristine({onlySelf:!0})}),this._parent&&!T.onlySelf&&this._parent._updatePristine(T)}markAsPending(T={}){this.status=Dn,!1!==T.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!T.onlySelf&&this._parent.markAsPending(T)}disable(T={}){const _=this._parentMarkedDirty(T.onlySelf);this.status=Hn,this.errors=null,this._forEachChild(F=>{F.disable({...T,onlySelf:!0})}),this._updateValue(),!1!==T.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...T,skipPristineCheck:_}),this._onDisabledChange.forEach(F=>F(!0))}enable(T={}){const _=this._parentMarkedDirty(T.onlySelf);this.status=On,this._forEachChild(F=>{F.enable({...T,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:T.emitEvent}),this._updateAncestors({...T,skipPristineCheck:_}),this._onDisabledChange.forEach(F=>F(!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===On||this.status===Dn)&&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(_=>_._updateTreeValidity(T)),this.updateValueAndValidity({onlySelf:!0,emitEvent:T.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?Hn:On}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(T){if(this.asyncValidator){this.status=Dn,this._hasOwnPendingAsyncValidator=!0;const _=be(this.asyncValidator(this));this._asyncValidationSubscription=_.subscribe(F=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(F,{emitEvent:T})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(T,_={}){this.errors=T,this._updateControlsErrors(!1!==_.emitEvent)}get(T){let _=T;return null==_||(Array.isArray(_)||(_=_.split(".")),0===_.length)?null:_.reduce((F,Z)=>F&&F._find(Z),this)}getError(T,_){const F=_?this.get(_):this;return F&&F.errors?F.errors[T]:null}hasError(T,_){return!!this.getError(T,_)}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 c.vpe,this.statusChanges=new c.vpe}_calculateStatus(){return this._allControlsDisabled()?Hn:this.errors?We:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(Dn)?Dn:this._anyControlsHaveStatus(We)?We:On}_anyControlsHaveStatus(T){return this._anyControls(_=>_.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){Me(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 ce(S){return Array.isArray(S)?mn(S):S||null}(this._rawValidators)}_assignAsyncValidators(T){this._rawAsyncValidators=Array.isArray(T)?T.slice():T,this._composedAsyncValidatorFn=function X(S){return Array.isArray(S)?Wt(S):S||null}(this._rawAsyncValidators)}}const ln=new c.OlP("CallSetDisabledState",{providedIn:"root",factory:()=>jr}),jr="always";function $r(S,T,_=jr){(function zr(S,T){const _=function rn(S){return S._rawValidators}(S);null!==T.validator?S.setValidators(yn(_,T.validator)):"function"==typeof _&&S.setValidators([_]);const F=function dn(S){return S._rawAsyncValidators}(S);null!==T.asyncValidator?S.setAsyncValidators(yn(F,T.asyncValidator)):"function"==typeof F&&S.setAsyncValidators([F]);const Z=()=>S.updateValueAndValidity();ur(T._rawValidators,Z),ur(T._rawAsyncValidators,Z)})(S,T),T.valueAccessor.writeValue(S.value),(S.disabled||"always"===_)&&T.valueAccessor.setDisabledState?.(S.disabled),function ei(S,T){T.valueAccessor.registerOnChange(_=>{S._pendingValue=_,S._pendingChange=!0,S._pendingDirty=!0,"change"===S.updateOn&&Y(S,T)})}(S,T),function q(S,T){const _=(F,Z)=>{T.valueAccessor.writeValue(F),Z&&T.viewToModelUpdate(F)};S.registerOnChange(_),T._registerOnDestroy(()=>{S._unregisterOnChange(_)})}(S,T),function ne(S,T){T.valueAccessor.registerOnTouched(()=>{S._pendingTouched=!0,"blur"===S.updateOn&&S._pendingChange&&Y(S,T),"submit"!==S.updateOn&&S.markAsTouched()})}(S,T),function Ki(S,T){if(T.valueAccessor.setDisabledState){const _=F=>{T.valueAccessor.setDisabledState(F)};S.registerOnDisabledChange(_),T._registerOnDestroy(()=>{S._unregisterOnDisabledChange(_)})}}(S,T)}function ur(S,T){S.forEach(_=>{_.registerOnValidatorChange&&_.registerOnValidatorChange(T)})}function Y(S,T){S._pendingDirty&&S.markAsDirty(),S.setValue(S._pendingValue,{emitModelToViewChange:!1}),T.viewToModelUpdate(S._pendingValue),S._pendingChange=!1}function En(S,T){const _=S.indexOf(T);_>-1&&S.splice(_,1)}function kr(S){return"object"==typeof S&&null!==S&&2===Object.keys(S).length&&"value"in S&&"disabled"in S}const Pt=class extends et{constructor(T=null,_,F){super(function Ce(S){return(Me(S)?S.validators:S)||null}(_),function $(S,T){return(Me(T)?T.asyncValidators:S)||null}(F,_)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(T),this._setUpdateStrategy(_),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),Me(_)&&(_.nonNullable||_.initialValueIsDefault)&&(this.defaultValue=kr(T)?T.value:T)}setValue(T,_={}){this.value=this._pendingValue=T,this._onChange.length&&!1!==_.emitModelToViewChange&&this._onChange.forEach(F=>F(this.value,!1!==_.emitViewToModelChange)),this.updateValueAndValidity(_)}patchValue(T,_={}){this.setValue(T,_)}reset(T=this.defaultValue,_={}){this._applyFormState(T),this.markAsPristine(_),this.markAsUntouched(_),this.setValue(this.value,_),this._pendingChange=!1}_updateValue(){}_anyControls(T){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(T){this._onChange.push(T)}_unregisterOnChange(T){En(this._onChange,T)}registerOnDisabledChange(T){this._onDisabledChange.push(T)}_unregisterOnDisabledChange(T){En(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){kr(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}},Si={provide:ht,useExisting:(0,c.Gpc)(()=>ki)},ti=(()=>Promise.resolve())();let ki=(()=>{class S extends ht{constructor(_,F,Z,ut,tt,Fe){super(),this._changeDetectorRef=tt,this.callSetDisabledState=Fe,this.control=new Pt,this._registered=!1,this.name="",this.update=new c.vpe,this._parent=_,this._setValidators(F),this._setAsyncValidators(Z),this.valueAccessor=function Ir(S,T){if(!T)return null;let _,F,Z;return Array.isArray(T),T.forEach(ut=>{ut.constructor===Ee?_=ut:function Zt(S){return Object.getPrototypeOf(S.constructor)===Se}(ut)?F=ut:Z=ut}),Z||F||_||null}(0,ut)}ngOnChanges(_){if(this._checkForErrors(),!this._registered||"name"in _){if(this._registered&&(this._checkName(),this.formDirective)){const F=_.name.previousValue;this.formDirective.removeControl({name:F,path:this._getPath(F)})}this._setUpControl()}"isDisabled"in _&&this._updateDisabled(_),function Qt(S,T){if(!S.hasOwnProperty("model"))return!1;const _=S.model;return!!_.isFirstChange()||!Object.is(T,_.currentValue)}(_,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(_){this.viewModel=_,this.update.emit(_)}_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(){$r(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(_){ti.then(()=>{this.control.setValue(_,{emitViewToModelChange:!1}),this._changeDetectorRef?.markForCheck()})}_updateDisabled(_){const F=_.isDisabled.currentValue,Z=0!==F&&(0,c.VuI)(F);ti.then(()=>{Z&&!this.control.disabled?this.control.disable():!Z&&this.control.disabled&&this.control.enable(),this._changeDetectorRef?.markForCheck()})}_getPath(_){return this._parent?function yr(S,T){return[...T.path,S]}(_,this._parent):[_]}static#e=this.\u0275fac=function(F){return new(F||S)(c.Y36(wn,9),c.Y36(Re,10),c.Y36(Ne,10),c.Y36(ve,10),c.Y36(c.sBO,8),c.Y36(ln,8))};static#t=this.\u0275dir=c.lG2({type:S,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[c._Bn([Si]),c.qOj,c.TTD]})}return S})(),Ys=(()=>{class S{static#e=this.\u0275fac=function(F){return new(F||S)};static#t=this.\u0275mod=c.oAB({type:S});static#n=this.\u0275inj=c.cJS({})}return S})();let ii=(()=>{class S{constructor(){this._validator=ae}ngOnChanges(_){if(this.inputName in _){const F=this.normalizeInput(_[this.inputName].currentValue);this._enabled=this.enabled(F),this._validator=this._enabled?this.createValidator(F):ae,this._onChange&&this._onChange()}}validate(_){return this._validator(_)}registerOnValidatorChange(_){this._onChange=_}enabled(_){return null!=_}static#e=this.\u0275fac=function(F){return new(F||S)};static#t=this.\u0275dir=c.lG2({type:S,features:[c.TTD]})}return S})();const so={provide:Re,useExisting:(0,c.Gpc)(()=>_r),multi:!0};let _r=(()=>{class S extends ii{constructor(){super(...arguments),this.inputName="maxlength",this.normalizeInput=_=>function fs(S){return"number"==typeof S?S:parseInt(S,10)}(_),this.createValidator=_=>function rt(S){return T=>function Ie(S){return null!=S&&"number"==typeof S.length}(T.value)&&T.value.length>S?{maxlength:{requiredLength:S,actualLength:T.value.length}}:null}(_)}static#e=this.\u0275fac=(()=>{let _;return function(Z){return(_||(_=c.n5z(S)))(Z||S)}})();static#t=this.\u0275dir=c.lG2({type:S,selectors:[["","maxlength","","formControlName",""],["","maxlength","","formControl",""],["","maxlength","","ngModel",""]],hostVars:1,hostBindings:function(F,Z){2&F&&c.uIk("maxlength",Z._enabled?Z.maxlength:null)},inputs:{maxlength:"maxlength"},features:[c._Bn([so]),c.qOj]})}return S})(),oi=(()=>{class S{static#e=this.\u0275fac=function(F){return new(F||S)};static#t=this.\u0275mod=c.oAB({type:S});static#n=this.\u0275inj=c.cJS({imports:[Ys]})}return S})(),Et=(()=>{class S{static withConfig(_){return{ngModule:S,providers:[{provide:ln,useValue:_.callSetDisabledState??jr}]}}static#e=this.\u0275fac=function(F){return new(F||S)};static#t=this.\u0275mod=c.oAB({type:S});static#n=this.\u0275inj=c.cJS({imports:[oi]})}return S})()},6593:(ot,we,P)=>{P.d(we,{Dx:()=>wn,b2:()=>kn,q6:()=>Wt,se:()=>Ne});var c=P(5849),M=P(6814);class V extends M.w_{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class te extends V{static makeCurrent(){(0,M.HT)(new te)}onAndCancel(ce,$,X){return ce.addEventListener($,X),()=>{ce.removeEventListener($,X)}}dispatchEvent(ce,$){ce.dispatchEvent($)}remove(ce){ce.parentNode&&ce.parentNode.removeChild(ce)}createElement(ce,$){return($=$||this.getDefaultDocument()).createElement(ce)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(ce){return ce.nodeType===Node.ELEMENT_NODE}isShadowRoot(ce){return ce instanceof DocumentFragment}getGlobalEventTarget(ce,$){return"window"===$?window:"document"===$?ce:"body"===$?ce.body:null}getBaseHref(ce){const $=function R(){return y=y||document.querySelector("base"),y?y.getAttribute("href"):null}();return null==$?null:function L(Ce){return new URL(Ce,document.baseURI).pathname}($)}resetBaseElement(){y=null}getUserAgent(){return window.navigator.userAgent}getCookie(ce){return(0,M.Mx)(document.cookie,ce)}}let y=null,G=(()=>{class Ce{build(){return new XMLHttpRequest}static#e=this.\u0275fac=function(X){return new(X||Ce)};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();const J=new c.OlP("EventManagerPlugins");let K=(()=>{class Ce{constructor($,X){this._zone=X,this._eventNameToPlugin=new Map,$.forEach(Me=>{Me.manager=this}),this._plugins=$.slice().reverse()}addEventListener($,X,Me){return this._findPluginFor(X).addEventListener($,X,Me)}getZone(){return this._zone}_findPluginFor($){let X=this._eventNameToPlugin.get($);if(X)return X;if(X=this._plugins.find(Je=>Je.supports($)),!X)throw new c.vHH(5101,!1);return this._eventNameToPlugin.set($,X),X}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(J),c.LFG(c.R0b))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();class oe{constructor(ce){this._doc=ce}}const fe="ng-app-id";let Se=(()=>{class Ce{constructor($,X,Me,Je={}){this.doc=$,this.appId=X,this.nonce=Me,this.platformId=Je,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=(0,M.PM)(Je),this.resetHostNodes()}addStyles($){for(const X of $)1===this.changeUsageCount(X,1)&&this.onStyleAdded(X)}removeStyles($){for(const X of $)this.changeUsageCount(X,-1)<=0&&this.onStyleRemoved(X)}ngOnDestroy(){const $=this.styleNodesInDOM;$&&($.forEach(X=>X.remove()),$.clear());for(const X of this.getAllStyles())this.onStyleRemoved(X);this.resetHostNodes()}addHost($){this.hostNodes.add($);for(const X of this.getAllStyles())this.addStyleToHost($,X)}removeHost($){this.hostNodes.delete($)}getAllStyles(){return this.styleRef.keys()}onStyleAdded($){for(const X of this.hostNodes)this.addStyleToHost(X,$)}onStyleRemoved($){const X=this.styleRef;X.get($)?.elements?.forEach(Me=>Me.remove()),X.delete($)}collectServerRenderedStyles(){const $=this.doc.head?.querySelectorAll(`style[${fe}="${this.appId}"]`);if($?.length){const X=new Map;return $.forEach(Me=>{null!=Me.textContent&&X.set(Me.textContent,Me)}),X}return null}changeUsageCount($,X){const Me=this.styleRef;if(Me.has($)){const Je=Me.get($);return Je.usage+=X,Je.usage}return Me.set($,{usage:X,elements:[]}),X}getStyleElement($,X){const Me=this.styleNodesInDOM,Je=Me?.get(X);if(Je?.parentNode===$)return Me.delete(X),Je.removeAttribute(fe),Je;{const Be=this.doc.createElement("style");return this.nonce&&Be.setAttribute("nonce",this.nonce),Be.textContent=X,this.platformIsServer&&Be.setAttribute(fe,this.appId),$.appendChild(Be),Be}}addStyleToHost($,X){const Me=this.getStyleElement($,X),Je=this.styleRef,Be=Je.get(X)?.elements;Be?Be.push(Me):Je.set(X,{elements:[Me],usage:1})}resetHostNodes(){const $=this.hostNodes;$.clear(),$.add(this.doc.head)}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(M.K0),c.LFG(c.AFp),c.LFG(c.Ojb,8),c.LFG(c.Lbi))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();const ve={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/"},Ge=/%COMP%/g,Ee=new c.OlP("RemoveStylesOnCompDestroy",{providedIn:"root",factory:()=>!0});function Re(Ce,ce){return ce.map($=>$.replace(Ge,Ce))}let Ne=(()=>{class Ce{constructor($,X,Me,Je,Be,et,Ht,Un=null){this.eventManager=$,this.sharedStylesHost=X,this.appId=Me,this.removeStylesOnCompDestroy=Je,this.doc=Be,this.platformId=et,this.ngZone=Ht,this.nonce=Un,this.rendererByCompId=new Map,this.platformIsServer=(0,M.PM)(et),this.defaultRenderer=new ye($,Be,Ht,this.platformIsServer)}createRenderer($,X){if(!$||!X)return this.defaultRenderer;this.platformIsServer&&X.encapsulation===c.ifc.ShadowDom&&(X={...X,encapsulation:c.ifc.Emulated});const Me=this.getOrCreateRenderer($,X);return Me instanceof he?Me.applyToHost($):Me instanceof ge&&Me.applyStyles(),Me}getOrCreateRenderer($,X){const Me=this.rendererByCompId;let Je=Me.get(X.id);if(!Je){const Be=this.doc,et=this.ngZone,Ht=this.eventManager,Un=this.sharedStylesHost,nr=this.removeStylesOnCompDestroy,mr=this.platformIsServer;switch(X.encapsulation){case c.ifc.Emulated:Je=new he(Ht,Un,X,this.appId,nr,Be,et,mr);break;case c.ifc.ShadowDom:return new Ue(Ht,Un,$,X,Be,et,this.nonce,mr);default:Je=new ge(Ht,Un,X,nr,Be,et,mr)}Me.set(X.id,Je)}return Je}ngOnDestroy(){this.rendererByCompId.clear()}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(K),c.LFG(Se),c.LFG(c.AFp),c.LFG(Ee),c.LFG(M.K0),c.LFG(c.Lbi),c.LFG(c.R0b),c.LFG(c.Ojb))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();class ye{constructor(ce,$,X,Me){this.eventManager=ce,this.doc=$,this.ngZone=X,this.platformIsServer=Me,this.data=Object.create(null),this.throwOnSyntheticProps=!0,this.destroyNode=null}destroy(){}createElement(ce,$){return $?this.doc.createElementNS(ve[$]||$,ce):this.doc.createElement(ce)}createComment(ce){return this.doc.createComment(ce)}createText(ce){return this.doc.createTextNode(ce)}appendChild(ce,$){(Oe(ce)?ce.content:ce).appendChild($)}insertBefore(ce,$,X){ce&&(Oe(ce)?ce.content:ce).insertBefore($,X)}removeChild(ce,$){ce&&ce.removeChild($)}selectRootElement(ce,$){let X="string"==typeof ce?this.doc.querySelector(ce):ce;if(!X)throw new c.vHH(-5104,!1);return $||(X.textContent=""),X}parentNode(ce){return ce.parentNode}nextSibling(ce){return ce.nextSibling}setAttribute(ce,$,X,Me){if(Me){$=Me+":"+$;const Je=ve[Me];Je?ce.setAttributeNS(Je,$,X):ce.setAttribute($,X)}else ce.setAttribute($,X)}removeAttribute(ce,$,X){if(X){const Me=ve[X];Me?ce.removeAttributeNS(Me,$):ce.removeAttribute(`${X}:${$}`)}else ce.removeAttribute($)}addClass(ce,$){ce.classList.add($)}removeClass(ce,$){ce.classList.remove($)}setStyle(ce,$,X,Me){Me&(c.JOm.DashCase|c.JOm.Important)?ce.style.setProperty($,X,Me&c.JOm.Important?"important":""):ce.style[$]=X}removeStyle(ce,$,X){X&c.JOm.DashCase?ce.style.removeProperty($):ce.style[$]=""}setProperty(ce,$,X){null!=ce&&(ce[$]=X)}setValue(ce,$){ce.nodeValue=$}listen(ce,$,X){if("string"==typeof ce&&!(ce=(0,M.q)().getGlobalEventTarget(this.doc,ce)))throw new Error(`Unsupported event target ${ce} for event ${$}`);return this.eventManager.addEventListener(ce,$,this.decoratePreventDefault(X))}decoratePreventDefault(ce){return $=>{if("__ngUnwrap__"===$)return ce;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>ce($)):ce($))&&$.preventDefault()}}}function Oe(Ce){return"TEMPLATE"===Ce.tagName&&void 0!==Ce.content}class Ue extends ye{constructor(ce,$,X,Me,Je,Be,et,Ht){super(ce,Je,Be,Ht),this.sharedStylesHost=$,this.hostEl=X,this.shadowRoot=X.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const Un=Re(Me.id,Me.styles);for(const nr of Un){const mr=document.createElement("style");et&&mr.setAttribute("nonce",et),mr.textContent=nr,this.shadowRoot.appendChild(mr)}}nodeOrShadowRoot(ce){return ce===this.hostEl?this.shadowRoot:ce}appendChild(ce,$){return super.appendChild(this.nodeOrShadowRoot(ce),$)}insertBefore(ce,$,X){return super.insertBefore(this.nodeOrShadowRoot(ce),$,X)}removeChild(ce,$){return super.removeChild(this.nodeOrShadowRoot(ce),$)}parentNode(ce){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(ce)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class ge extends ye{constructor(ce,$,X,Me,Je,Be,et,Ht){super(ce,Je,Be,et),this.sharedStylesHost=$,this.removeStylesOnCompDestroy=Me,this.styles=Ht?Re(Ht,X.styles):X.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}}class he extends ge{constructor(ce,$,X,Me,Je,Be,et,Ht){const Un=Me+"-"+X.id;super(ce,$,X,Je,Be,et,Ht,Un),this.contentAttr=function Ae(Ce){return"_ngcontent-%COMP%".replace(Ge,Ce)}(Un),this.hostAttr=function Ie(Ce){return"_nghost-%COMP%".replace(Ge,Ce)}(Un)}applyToHost(ce){this.applyStyles(),this.setAttribute(ce,this.hostAttr,"")}createElement(ce,$){const X=super.createElement(ce,$);return super.setAttribute(X,this.contentAttr,""),X}}let Ve=(()=>{class Ce extends oe{constructor($){super($)}supports($){return!0}addEventListener($,X,Me){return $.addEventListener(X,Me,!1),()=>this.removeEventListener($,X,Me)}removeEventListener($,X,Me){return $.removeEventListener(X,Me)}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(M.K0))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();const rt=["alt","control","meta","shift"],Dt={"\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"},ae={alt:Ce=>Ce.altKey,control:Ce=>Ce.ctrlKey,meta:Ce=>Ce.metaKey,shift:Ce=>Ce.shiftKey};let me=(()=>{class Ce extends oe{constructor($){super($)}supports($){return null!=Ce.parseEventName($)}addEventListener($,X,Me){const Je=Ce.parseEventName(X),Be=Ce.eventCallback(Je.fullKey,Me,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>(0,M.q)().onAndCancel($,Je.domEventName,Be))}static parseEventName($){const X=$.toLowerCase().split("."),Me=X.shift();if(0===X.length||"keydown"!==Me&&"keyup"!==Me)return null;const Je=Ce._normalizeKey(X.pop());let Be="",et=X.indexOf("code");if(et>-1&&(X.splice(et,1),Be="code."),rt.forEach(Un=>{const nr=X.indexOf(Un);nr>-1&&(X.splice(nr,1),Be+=Un+".")}),Be+=Je,0!=X.length||0===Je.length)return null;const Ht={};return Ht.domEventName=Me,Ht.fullKey=Be,Ht}static matchEventFullKeyCode($,X){let Me=Dt[$.key]||$.key,Je="";return X.indexOf("code.")>-1&&(Me=$.code,Je="code."),!(null==Me||!Me)&&(Me=Me.toLowerCase()," "===Me?Me="space":"."===Me&&(Me="dot"),rt.forEach(Be=>{Be!==Me&&(0,ae[Be])($)&&(Je+=Be+".")}),Je+=Me,Je===X)}static eventCallback($,X,Me){return Je=>{Ce.matchEventFullKeyCode(Je,$)&&Me.runGuarded(()=>X(Je))}}static _normalizeKey($){return"esc"===$?"escape":$}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(M.K0))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:Ce.\u0275fac})}return Ce})();const Wt=(0,c.eFA)(c._c5,"browser",[{provide:c.Lbi,useValue:M.bD},{provide:c.g9A,useValue:function gt(){te.makeCurrent()},multi:!0},{provide:M.K0,useFactory:function mn(){return(0,c.RDi)(document),document},deps:[]}]),yn=new c.OlP(""),rn=[{provide:c.rWj,useClass:class j{addToWindow(ce){c.dqk.getAngularTestability=(X,Me=!0)=>{const Je=ce.findTestabilityInTree(X,Me);if(null==Je)throw new c.vHH(5103,!1);return Je},c.dqk.getAllAngularTestabilities=()=>ce.getAllTestabilities(),c.dqk.getAllAngularRootElements=()=>ce.getAllRootElements(),c.dqk.frameworkStabilizers||(c.dqk.frameworkStabilizers=[]),c.dqk.frameworkStabilizers.push(X=>{const Me=c.dqk.getAllAngularTestabilities();let Je=Me.length,Be=!1;const et=function(Ht){Be=Be||Ht,Je--,0==Je&&X(Be)};Me.forEach(Ht=>{Ht.whenStable(et)})})}findTestabilityInTree(ce,$,X){return null==$?null:ce.getTestability($)??(X?(0,M.q)().isShadowRoot($)?this.findTestabilityInTree(ce,$.host,!0):this.findTestabilityInTree(ce,$.parentElement,!0):null)}},deps:[]},{provide:c.lri,useClass:c.dDg,deps:[c.R0b,c.eoX,c.rWj]},{provide:c.dDg,useClass:c.dDg,deps:[c.R0b,c.eoX,c.rWj]}],dn=[{provide:c.zSh,useValue:"root"},{provide:c.qLn,useFactory:function It(){return new c.qLn},deps:[]},{provide:J,useClass:Ve,multi:!0,deps:[M.K0,c.R0b,c.Lbi]},{provide:J,useClass:me,multi:!0,deps:[M.K0]},Ne,Se,K,{provide:c.FYo,useExisting:Ne},{provide:M.JF,useClass:G,deps:[]},[]];let kn=(()=>{class Ce{constructor($){}static withServerTransition($){return{ngModule:Ce,providers:[{provide:c.AFp,useValue:$.appId}]}}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(yn,12))};static#t=this.\u0275mod=c.oAB({type:Ce});static#n=this.\u0275inj=c.cJS({providers:[...dn,...rn],imports:[M.ez,c.hGG]})}return Ce})(),wn=(()=>{class Ce{constructor($){this._doc=$}getTitle(){return this._doc.title}setTitle($){this._doc.title=$||""}static#e=this.\u0275fac=function(X){return new(X||Ce)(c.LFG(M.K0))};static#t=this.\u0275prov=c.Yz7({token:Ce,factory:function(X){let Me=null;return Me=X?new X:function bi(){return new wn((0,c.LFG)(M.K0))}(),Me},providedIn:"root"})}return Ce})();typeof window<"u"&&window},9310:(ot,we,P)=>{P.d(we,{m2:()=>Vr,F0:()=>Zr,rH:()=>lt,Od:()=>Xt,Bz:()=>Io,lC:()=>Oi});var c=P(5849),M=P(5592),V=P(4674),y=P(7715),R=P(2096),L=P(5619),j=P(7453),G=P(2737),J=P(7400),K=P(4564),oe=P(2714),fe=P(8251),Se=P(7103);function ve(...d){const g=(0,K.yG)(d),f=(0,K.jO)(d),{args:m,keys:b}=(0,j.D)(d);if(0===m.length)return(0,y.D)([],g);const N=new M.y(function Ge(d,g,f=G.y){return m=>{ze(g,()=>{const{length:b}=d,N=new Array(b);let B=b,le=b;for(let ee=0;ee{const Ye=(0,y.D)(d[ee],g);let Rt=!1;Ye.subscribe((0,fe.x)(m,Ut=>{N[ee]=Ut,Rt||(Rt=!0,le--),le||m.next(f(N.slice()))},()=>{--B||m.complete()}))},m)},m)}}(m,g,b?B=>(0,oe.n)(b,B):G.y));return f?N.pipe((0,J.Z)(f)):N}function ze(d,g,f){d?(0,Se.f)(f,d,g):g()}const Nt=(0,P(2306).d)(d=>function(){d(this),this.name="EmptyError",this.message="no elements in sequence"});var St=P(7537);function Ae(...d){return function Ee(){return(0,St.J)(1)}()((0,y.D)(d,(0,K.yG)(d)))}var Ie=P(4829);function Re(d){return new M.y(g=>{(0,Ie.Xf)(d()).subscribe(g)})}var Ne=P(8407);function ye(d,g){const f=(0,V.m)(d)?d:()=>d,m=b=>b.error(f());return new M.y(g?b=>g.schedule(m,0,b):m)}var se=P(6232),He=P(7394),Oe=P(9360);function Ue(){return(0,Oe.e)((d,g)=>{let f=null;d._refCount++;const m=(0,fe.x)(g,void 0,void 0,void 0,()=>{if(!d||d._refCount<=0||0<--d._refCount)return void(f=null);const b=d._connection,N=f;f=null,b&&(!N||b===N)&&b.unsubscribe(),g.unsubscribe()});d.subscribe(m),m.closed||(f=d.connect())})}class ge extends M.y{constructor(g,f){super(),this.source=g,this.subjectFactory=f,this._subject=null,this._refCount=0,this._connection=null,(0,Oe.A)(g)&&(this.lift=g.lift)}_subscribe(g){return this.getSubject().subscribe(g)}getSubject(){const g=this._subject;return(!g||g.isStopped)&&(this._subject=this.subjectFactory()),this._subject}_teardown(){this._refCount=0;const{_connection:g}=this;this._subject=this._connection=null,g?.unsubscribe()}connect(){let g=this._connection;if(!g){g=this._connection=new He.w0;const f=this.getSubject();g.add(this.source.subscribe((0,fe.x)(f,void 0,()=>{this._teardown(),f.complete()},m=>{this._teardown(),f.error(m)},()=>this._teardown()))),g.closed&&(this._connection=null,g=He.w0.EMPTY)}return g}refCount(){return Ue()(this)}}var he=P(8645),Ve=P(6814),rt=P(7398),Dt=P(4664);function ae(d){return d<=0?()=>se.E:(0,Oe.e)((g,f)=>{let m=0;g.subscribe((0,fe.x)(f,b=>{++m<=d&&(f.next(b),d<=m&&f.complete())}))})}var be=P(2181),De=P(1631);function ke(d){return(0,Oe.e)((g,f)=>{let m=!1;g.subscribe((0,fe.x)(f,b=>{m=!0,f.next(b)},()=>{m||f.next(d),f.complete()}))})}function je(d=gt){return(0,Oe.e)((g,f)=>{let m=!1;g.subscribe((0,fe.x)(f,b=>{m=!0,f.next(b)},()=>m?f.complete():f.error(d())))})}function gt(){return new Nt}function It(d,g){const f=arguments.length>=2;return m=>m.pipe(d?(0,be.h)((b,N)=>d(b,N,m)):G.y,ae(1),f?ke(g):je(()=>new Nt))}var mn=P(6328);function Xe(d,g,f){const m=(0,V.m)(d)||g||f?{next:d,error:g,complete:f}:d;return m?(0,Oe.e)((b,N)=>{var B;null===(B=m.subscribe)||void 0===B||B.call(m);let le=!0;b.subscribe((0,fe.x)(N,ee=>{var Ye;null===(Ye=m.next)||void 0===Ye||Ye.call(m,ee),N.next(ee)},()=>{var ee;le=!1,null===(ee=m.complete)||void 0===ee||ee.call(m),N.complete()},ee=>{var Ye;le=!1,null===(Ye=m.error)||void 0===Ye||Ye.call(m,ee),N.error(ee)},()=>{var ee,Ye;le&&(null===(ee=m.unsubscribe)||void 0===ee||ee.call(m)),null===(Ye=m.finalize)||void 0===Ye||Ye.call(m)}))}):G.y}function Wt(d){return(0,Oe.e)((g,f)=>{let N,m=null,b=!1;m=g.subscribe((0,fe.x)(f,void 0,void 0,B=>{N=(0,Ie.Xf)(d(B,Wt(d)(g))),m?(m.unsubscribe(),m=null,N.subscribe(f)):b=!0})),b&&(m.unsubscribe(),m=null,N.subscribe(f))})}function dn(d){return d<=0?()=>se.E:(0,Oe.e)((g,f)=>{let m=[];g.subscribe((0,fe.x)(f,b=>{m.push(b),d{for(const b of m)f.next(b);f.complete()},void 0,()=>{m=null}))})}var Tn=P(4716),Mr=P(2420),wn=P(6593);const ht="primary",In=Symbol("RouteTitle");class as{constructor(g){this.params=g||{}}has(g){return Object.prototype.hasOwnProperty.call(this.params,g)}get(g){if(this.has(g)){const f=this.params[g];return Array.isArray(f)?f[0]:f}return null}getAll(g){if(this.has(g)){const f=this.params[g];return Array.isArray(f)?f:[f]}return[]}get keys(){return Object.keys(this.params)}}function Vn(d){return new as(d)}function xt(d,g,f){const m=f.path.split("/");if(m.length>d.length||"full"===f.pathMatch&&(g.hasChildren()||m.lengthm[N]===b)}return d===g}function Tr(d){return d.length>0?d[d.length-1]:null}function An(d){return function te(d){return!!d&&(d instanceof M.y||(0,V.m)(d.lift)&&(0,V.m)(d.subscribe))}(d)?d:(0,c.QGY)(d)?(0,y.D)(Promise.resolve(d)):(0,R.of)(d)}const ls={exact:function cr(d,g,f){if(!We(d.segments,g.segments)||!at(d.segments,g.segments,f)||d.numberOfChildren!==g.numberOfChildren)return!1;for(const m in g.children)if(!d.children[m]||!cr(d.children[m],g.children[m],f))return!1;return!0},subset:wi},mt={exact:function yt(d,g){return Bn(d,g)},subset:function ui(d,g){return Object.keys(g).length<=Object.keys(d).length&&Object.keys(g).every(f=>tr(d[f],g[f]))},ignored:()=>!0};function Jr(d,g,f){return ls[f.paths](d.root,g.root,f.matrixParams)&&mt[f.queryParams](d.queryParams,g.queryParams)&&!("exact"===f.fragment&&d.fragment!==g.fragment)}function wi(d,g,f){return Kn(d,g,g.segments,f)}function Kn(d,g,f,m){if(d.segments.length>f.length){const b=d.segments.slice(0,f.length);return!(!We(b,f)||g.hasChildren()||!at(b,f,m))}if(d.segments.length===f.length){if(!We(d.segments,f)||!at(d.segments,f,m))return!1;for(const b in g.children)if(!d.children[b]||!wi(d.children[b],g.children[b],m))return!1;return!0}{const b=f.slice(0,d.segments.length),N=f.slice(d.segments.length);return!!(We(d.segments,b)&&at(d.segments,b,m)&&d.children[ht])&&Kn(d.children[ht],g,N,m)}}function at(d,g,f){return g.every((m,b)=>mt[f](d[b].parameters,m.parameters))}class fn{constructor(g=new zt([],{}),f={},m=null){this.root=g,this.queryParams=f,this.fragment=m}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Vn(this.queryParams)),this._queryParamMap}toString(){return ce.serialize(this)}}class zt{constructor(g,f){this.segments=g,this.children=f,this.parent=null,Object.values(f).forEach(m=>m.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return $(this)}}class Xr{constructor(g,f){this.path=g,this.parameters=f}get parameterMap(){return this._parameterMap||(this._parameterMap=Vn(this.parameters)),this._parameterMap}toString(){return nr(this)}}function We(d,g){return d.length===g.length&&d.every((f,m)=>f.path===g[m].path)}let Hn=(()=>{class d{static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:()=>new Ce,providedIn:"root"})}return d})();class Ce{parse(g){const f=new zr(g);return new fn(f.parseRootSegment(),f.parseQueryParams(),f.parseFragment())}serialize(g){const f=`/${X(g.root,!0)}`,m=function Yi(d){const g=Object.keys(d).map(f=>{const m=d[f];return Array.isArray(m)?m.map(b=>`${Je(f)}=${Je(b)}`).join("&"):`${Je(f)}=${Je(m)}`}).filter(f=>!!f);return g.length?`?${g.join("&")}`:""}(g.queryParams);return`${f}${m}${"string"==typeof g.fragment?`#${function Be(d){return encodeURI(d)}(g.fragment)}`:""}`}}const ce=new Ce;function $(d){return d.segments.map(g=>nr(g)).join("/")}function X(d,g){if(!d.hasChildren())return $(d);if(g){const f=d.children[ht]?X(d.children[ht],!1):"",m=[];return Object.entries(d.children).forEach(([b,N])=>{b!==ht&&m.push(`${b}:${X(N,!1)}`)}),m.length>0?`${f}(${m.join("//")})`:f}{const f=function Dn(d,g){let f=[];return Object.entries(d.children).forEach(([m,b])=>{m===ht&&(f=f.concat(g(b,m)))}),Object.entries(d.children).forEach(([m,b])=>{m!==ht&&(f=f.concat(g(b,m)))}),f}(d,(m,b)=>b===ht?[X(d.children[ht],!1)]:[`${b}:${X(m,!1)}`]);return 1===Object.keys(d.children).length&&null!=d.children[ht]?`${$(d)}/${f[0]}`:`${$(d)}/(${f.join("//")})`}}function Me(d){return encodeURIComponent(d).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function Je(d){return Me(d).replace(/%3B/gi,";")}function et(d){return Me(d).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function Ht(d){return decodeURIComponent(d)}function Un(d){return Ht(d.replace(/\+/g,"%20"))}function nr(d){return`${et(d.path)}${function mr(d){return Object.keys(d).map(g=>`;${et(g)}=${et(d[g])}`).join("")}(d.parameters)}`}const Ur=/^[^\/()?;#]+/;function ln(d){const g=d.match(Ur);return g?g[0]:""}const jr=/^[^\/()?;=#]+/,$r=/^[^=?&#]+/,ur=/^[^&#]+/;class zr{constructor(g){this.url=g,this.remaining=g}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new zt([],{}):new zt([],this.parseChildren())}parseQueryParams(){const g={};if(this.consumeOptional("?"))do{this.parseQueryParam(g)}while(this.consumeOptional("&"));return g}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const g=[];for(this.peekStartsWith("(")||g.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),g.push(this.parseSegment());let f={};this.peekStartsWith("/(")&&(this.capture("/"),f=this.parseParens(!0));let m={};return this.peekStartsWith("(")&&(m=this.parseParens(!1)),(g.length>0||Object.keys(f).length>0)&&(m[ht]=new zt(g,f)),m}parseSegment(){const g=ln(this.remaining);if(""===g&&this.peekStartsWith(";"))throw new c.vHH(4009,!1);return this.capture(g),new Xr(Ht(g),this.parseMatrixParams())}parseMatrixParams(){const g={};for(;this.consumeOptional(";");)this.parseParam(g);return g}parseParam(g){const f=function yr(d){const g=d.match(jr);return g?g[0]:""}(this.remaining);if(!f)return;this.capture(f);let m="";if(this.consumeOptional("=")){const b=ln(this.remaining);b&&(m=b,this.capture(m))}g[Ht(f)]=Ht(m)}parseQueryParam(g){const f=function qn(d){const g=d.match($r);return g?g[0]:""}(this.remaining);if(!f)return;this.capture(f);let m="";if(this.consumeOptional("=")){const B=function Ki(d){const g=d.match(ur);return g?g[0]:""}(this.remaining);B&&(m=B,this.capture(m))}const b=Un(f),N=Un(m);if(g.hasOwnProperty(b)){let B=g[b];Array.isArray(B)||(B=[B],g[b]=B),B.push(N)}else g[b]=N}parseParens(g){const f={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const m=ln(this.remaining),b=this.remaining[m.length];if("/"!==b&&")"!==b&&";"!==b)throw new c.vHH(4010,!1);let N;m.indexOf(":")>-1?(N=m.slice(0,m.indexOf(":")),this.capture(N),this.capture(":")):g&&(N=ht);const B=this.parseChildren();f[N]=1===Object.keys(B).length?B[ht]:new zt([],B),this.consumeOptional("//")}return f}peekStartsWith(g){return this.remaining.startsWith(g)}consumeOptional(g){return!!this.peekStartsWith(g)&&(this.remaining=this.remaining.substring(g.length),!0)}capture(g){if(!this.consumeOptional(g))throw new c.vHH(4011,!1)}}function di(d){return d.segments.length>0?new zt([],{[ht]:d}):d}function ei(d){const g={};for(const m of Object.keys(d.children)){const N=ei(d.children[m]);if(m===ht&&0===N.segments.length&&N.hasChildren())for(const[B,le]of Object.entries(N.children))g[B]=le;else(N.segments.length>0||N.hasChildren())&&(g[m]=N)}return function ne(d){if(1===d.numberOfChildren&&d.children[ht]){const g=d.children[ht];return new zt(d.segments.concat(g.segments),g.children)}return d}(new zt(d.segments,g))}function Y(d){return d instanceof fn}function ue(d){let g;const b=di(function f(N){const B={};for(const ee of N.children){const Ye=f(ee);B[ee.outlet]=Ye}const le=new zt(N.url,B);return N===d&&(g=le),le}(d.root));return g??b}function ie(d,g,f,m){let b=d;for(;b.parent;)b=b.parent;if(0===g.length)return bt(b,b,b,f,m);const N=function Qt(d){if("string"==typeof d[0]&&1===d.length&&"/"===d[0])return new vt(!0,0,d);let g=0,f=!1;const m=d.reduce((b,N,B)=>{if("object"==typeof N&&null!=N){if(N.outlets){const le={};return Object.entries(N.outlets).forEach(([ee,Ye])=>{le[ee]="string"==typeof Ye?Ye.split("/"):Ye}),[...b,{outlets:le}]}if(N.segmentPath)return[...b,N.segmentPath]}return"string"!=typeof N?[...b,N]:0===B?(N.split("/").forEach((le,ee)=>{0==ee&&"."===le||(0==ee&&""===le?f=!0:".."===le?g++:""!=le&&b.push(le))}),b):[...b,N]},[]);return new vt(f,g,m)}(g);if(N.toRoot())return bt(b,b,new zt([],{}),f,m);const B=function cn(d,g,f){if(d.isAbsolute)return new Zt(g,!0,0);if(!f)return new Zt(g,!1,NaN);if(null===f.parent)return new Zt(f,!0,0);const m=$e(d.commands[0])?0:1;return function Ir(d,g,f){let m=d,b=g,N=f;for(;N>b;){if(N-=b,m=m.parent,!m)throw new c.vHH(4005,!1);b=m.segments.length}return new Zt(m,!1,b-N)}(f,f.segments.length-1+m,d.numberOfDoubleDots)}(N,b,d),le=B.processChildren?Ft(B.segmentGroup,B.index,N.commands):en(B.segmentGroup,B.index,N.commands);return bt(b,B.segmentGroup,le,f,m)}function $e(d){return"object"==typeof d&&null!=d&&!d.outlets&&!d.segmentPath}function Ke(d){return"object"==typeof d&&null!=d&&d.outlets}function bt(d,g,f,m,b){let B,N={};m&&Object.entries(m).forEach(([ee,Ye])=>{N[ee]=Array.isArray(Ye)?Ye.map(Rt=>`${Rt}`):`${Ye}`}),B=d===g?f:dt(d,g,f);const le=di(ei(B));return new fn(le,N,b)}function dt(d,g,f){const m={};return Object.entries(d.children).forEach(([b,N])=>{m[b]=N===g?f:dt(N,g,f)}),new zt(d.segments,m)}class vt{constructor(g,f,m){if(this.isAbsolute=g,this.numberOfDoubleDots=f,this.commands=m,g&&m.length>0&&$e(m[0]))throw new c.vHH(4003,!1);const b=m.find(Ke);if(b&&b!==Tr(m))throw new c.vHH(4004,!1)}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class Zt{constructor(g,f,m){this.segmentGroup=g,this.processChildren=f,this.index=m}}function en(d,g,f){if(d||(d=new zt([],{})),0===d.segments.length&&d.hasChildren())return Ft(d,g,f);const m=function Gt(d,g,f){let m=0,b=g;const N={match:!1,pathIndex:0,commandIndex:0};for(;b=f.length)return N;const B=d.segments[b],le=f[m];if(Ke(le))break;const ee=`${le}`,Ye=m0&&void 0===ee)break;if(ee&&Ye&&"object"==typeof Ye&&void 0===Ye.outlets){if(!Pt(ee,Ye,B))return N;m+=2}else{if(!Pt(ee,{},B))return N;m++}b++}return{match:!0,pathIndex:b,commandIndex:m}}(d,g,f),b=f.slice(m.commandIndex);if(m.match&&m.pathIndexN!==ht)&&d.children[ht]&&1===d.numberOfChildren&&0===d.children[ht].segments.length){const N=Ft(d.children[ht],g,f);return new zt(d.segments,N.children)}return Object.entries(m).forEach(([N,B])=>{"string"==typeof B&&(B=[B]),null!==B&&(b[N]=en(d.children[N],g,B))}),Object.entries(d.children).forEach(([N,B])=>{void 0===m[N]&&(b[N]=B)}),new zt(d.segments,b)}}function dr(d,g,f){const m=d.segments.slice(0,g);let b=0;for(;b{"string"==typeof m&&(m=[m]),null!==m&&(g[f]=dr(new zt([],{}),0,m))}),g}function kr(d){const g={};return Object.entries(d).forEach(([f,m])=>g[f]=`${m}`),g}function Pt(d,g,f){return d==f.path&&Bn(g,f.parameters)}const rr="imperative";class ir{constructor(g,f){this.id=g,this.url=f}}class Sn extends ir{constructor(g,f,m="imperative",b=null){super(g,f),this.type=0,this.navigationTrigger=m,this.restoredState=b}toString(){return`NavigationStart(id: ${this.id}, url: '${this.url}')`}}class Vr extends ir{constructor(g,f,m){super(g,f),this.urlAfterRedirects=m,this.type=1}toString(){return`NavigationEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}')`}}class Ss extends ir{constructor(g,f,m,b){super(g,f),this.reason=m,this.code=b,this.type=2}toString(){return`NavigationCancel(id: ${this.id}, url: '${this.url}')`}}class kt extends ir{constructor(g,f,m,b){super(g,f),this.reason=m,this.code=b,this.type=16}}class Ms extends ir{constructor(g,f,m,b){super(g,f),this.error=m,this.target=b,this.type=3}toString(){return`NavigationError(id: ${this.id}, url: '${this.url}', error: ${this.error})`}}class zs extends ir{constructor(g,f,m,b){super(g,f),this.urlAfterRedirects=m,this.state=b,this.type=4}toString(){return`RoutesRecognized(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Vt extends ir{constructor(g,f,m,b){super(g,f),this.urlAfterRedirects=m,this.state=b,this.type=7}toString(){return`GuardsCheckStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Si extends ir{constructor(g,f,m,b,N){super(g,f),this.urlAfterRedirects=m,this.state=b,this.shouldActivate=N,this.type=8}toString(){return`GuardsCheckEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state}, shouldActivate: ${this.shouldActivate})`}}class ti extends ir{constructor(g,f,m,b){super(g,f),this.urlAfterRedirects=m,this.state=b,this.type=5}toString(){return`ResolveStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class ki extends ir{constructor(g,f,m,b){super(g,f),this.urlAfterRedirects=m,this.state=b,this.type=6}toString(){return`ResolveEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class qi{constructor(g){this.route=g,this.type=9}toString(){return`RouteConfigLoadStart(path: ${this.route.path})`}}class Gs{constructor(g){this.route=g,this.type=10}toString(){return`RouteConfigLoadEnd(path: ${this.route.path})`}}class Mi{constructor(g){this.snapshot=g,this.type=11}toString(){return`ChildActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Ws{constructor(g){this.snapshot=g,this.type=12}toString(){return`ChildActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class bo{constructor(g){this.snapshot=g,this.type=13}toString(){return`ActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Ys{constructor(g){this.snapshot=g,this.type=14}toString(){return`ActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Ks{constructor(g,f,m){this.routerEvent=g,this.position=f,this.anchor=m,this.type=15}toString(){return`Scroll(anchor: '${this.anchor}', position: '${this.position?`${this.position[0]}, ${this.position[1]}`:null}')`}}class cs{}class fi{constructor(g){this.url=g}}class Ar{constructor(){this.outlet=null,this.route=null,this.injector=null,this.children=new hi,this.attachRef=null}}let hi=(()=>{class d{constructor(){this.contexts=new Map}onChildOutletCreated(f,m){const b=this.getOrCreateContext(f);b.outlet=m,this.contexts.set(f,b)}onChildOutletDestroyed(f){const m=this.getContext(f);m&&(m.outlet=null,m.attachRef=null)}onOutletDeactivated(){const f=this.contexts;return this.contexts=new Map,f}onOutletReAttached(f){this.contexts=f}getOrCreateContext(f){let m=this.getContext(f);return m||(m=new Ar,this.contexts.set(f,m)),m}getContext(f){return this.contexts.get(f)||null}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();class Vi{constructor(g){this._root=g}get root(){return this._root.value}parent(g){const f=this.pathFromRoot(g);return f.length>1?f[f.length-2]:null}children(g){const f=pi(g,this._root);return f?f.children.map(m=>m.value):[]}firstChild(g){const f=pi(g,this._root);return f&&f.children.length>0?f.children[0].value:null}siblings(g){const f=Ti(g,this._root);return f.length<2?[]:f[f.length-2].children.map(b=>b.value).filter(b=>b!==g)}pathFromRoot(g){return Ti(g,this._root).map(f=>f.value)}}function pi(d,g){if(d===g.value)return g;for(const f of g.children){const m=pi(d,f);if(m)return m}return null}function Ti(d,g){if(d===g.value)return[g];for(const f of g.children){const m=Ti(d,f);if(m.length)return m.unshift(g),m}return[]}class zn{constructor(g,f){this.value=g,this.children=f}toString(){return`TreeNode(${this.value})`}}function ni(d){const g={};return d&&d.children.forEach(f=>g[f.value.outlet]=f),g}class Or extends Vi{constructor(g,f){super(g),this.snapshot=f,gi(this,g)}toString(){return this.snapshot.toString()}}function Ii(d,g){const f=function Ln(d,g){const B=new Gr([],{},{},"",{},ht,g,null,{});return new ri("",new zn(B,[]))}(0,g),m=new L.X([new Xr("",{})]),b=new L.X({}),N=new L.X({}),B=new L.X({}),le=new L.X(""),ee=new Ai(m,b,B,le,N,ht,g,f.root);return ee.snapshot=f.root,new Or(new zn(ee,[]),f)}class Ai{constructor(g,f,m,b,N,B,le,ee){this.urlSubject=g,this.paramsSubject=f,this.queryParamsSubject=m,this.fragmentSubject=b,this.dataSubject=N,this.outlet=B,this.component=le,this._futureSnapshot=ee,this.title=this.dataSubject?.pipe((0,rt.U)(Ye=>Ye[In]))??(0,R.of)(void 0),this.url=g,this.params=f,this.queryParams=m,this.fragment=b,this.data=N}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((0,rt.U)(g=>Vn(g)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe((0,rt.U)(g=>Vn(g)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():`Future(${this._futureSnapshot})`}}function Bt(d,g,f="emptyOnly"){let m;const{routeConfig:b}=d;return m=null===g||"always"!==f&&""!==b?.path&&(g.component||g.routeConfig?.loadComponent)?{params:d.params,data:d.data,resolve:{...d.data,...d._resolvedData??{}}}:{params:{...g.params,...d.params},data:{...g.data,...d.data},resolve:{...d.data,...g.data,...b?.data,...d._resolvedData}},b&&vr(b)&&(m.resolve[In]=b.title),m}class Gr{get title(){return this.data?.[In]}constructor(g,f,m,b,N,B,le,ee,Ye){this.url=g,this.params=f,this.queryParams=m,this.fragment=b,this.data=N,this.outlet=B,this.component=le,this.routeConfig=ee,this._resolve=Ye}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=Vn(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Vn(this.queryParams)),this._queryParamMap}toString(){return`Route(url:'${this.url.map(m=>m.toString()).join("/")}', path:'${this.routeConfig?this.routeConfig.path:""}')`}}class ri extends Vi{constructor(g,f){super(f),this.url=g,gi(this,f)}toString(){return Bi(this._root)}}function gi(d,g){g.value._routerState=d,g.children.forEach(f=>gi(d,f))}function Bi(d){const g=d.children.length>0?` { ${d.children.map(Bi).join(", ")} } `:"";return`${d.value}${g}`}function ds(d){if(d.snapshot){const g=d.snapshot,f=d._futureSnapshot;d.snapshot=f,Bn(g.queryParams,f.queryParams)||d.queryParamsSubject.next(f.queryParams),g.fragment!==f.fragment&&d.fragmentSubject.next(f.fragment),Bn(g.params,f.params)||d.paramsSubject.next(f.params),function $t(d,g){if(d.length!==g.length)return!1;for(let f=0;fBn(f.parameters,g[m].parameters))}(d.url,g.url);return f&&!(!d.parent!=!g.parent)&&(!d.parent||Zi(d.parent,g.parent))}function vr(d){return"string"==typeof d.title||null===d.title}let Oi=(()=>{class d{constructor(){this.activated=null,this._activatedRoute=null,this.name=ht,this.activateEvents=new c.vpe,this.deactivateEvents=new c.vpe,this.attachEvents=new c.vpe,this.detachEvents=new c.vpe,this.parentContexts=(0,c.f3M)(hi),this.location=(0,c.f3M)(c.s_b),this.changeDetector=(0,c.f3M)(c.sBO),this.environmentInjector=(0,c.f3M)(c.lqb),this.inputBinder=(0,c.f3M)(Zn,{optional:!0}),this.supportsBindingToComponentInputs=!0}get activatedComponentRef(){return this.activated}ngOnChanges(f){if(f.name){const{firstChange:m,previousValue:b}=f.name;if(m)return;this.isTrackedInParentContexts(b)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(b)),this.initializeOutletWithName()}}ngOnDestroy(){this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name),this.inputBinder?.unsubscribeFromRouteData(this)}isTrackedInParentContexts(f){return this.parentContexts.getContext(f)?.outlet===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const f=this.parentContexts.getContext(this.name);f?.route&&(f.attachRef?this.attach(f.attachRef,f.route):this.activateWith(f.route,f.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new c.vHH(4012,!1);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new c.vHH(4012,!1);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new c.vHH(4012,!1);this.location.detach();const f=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(f.instance),f}attach(f,m){this.activated=f,this._activatedRoute=m,this.location.insert(f.hostView),this.inputBinder?.bindActivatedRouteToOutletComponent(this),this.attachEvents.emit(f.instance)}deactivate(){if(this.activated){const f=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(f)}}activateWith(f,m){if(this.isActivated)throw new c.vHH(4013,!1);this._activatedRoute=f;const b=this.location,B=f.snapshot.component,le=this.parentContexts.getOrCreateContext(this.name).children,ee=new Hi(f,le,b.injector);this.activated=b.createComponent(B,{index:b.length,injector:ee,environmentInjector:m??this.environmentInjector}),this.changeDetector.markForCheck(),this.inputBinder?.bindActivatedRouteToOutletComponent(this),this.activateEvents.emit(this.activated.instance)}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275dir=c.lG2({type:d,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[c.TTD]})}return d})();class Hi{constructor(g,f,m){this.route=g,this.childContexts=f,this.parent=m}get(g,f){return g===Ai?this.route:g===hi?this.childContexts:this.parent.get(g,f)}}const Zn=new c.OlP("");let Yt=(()=>{class d{constructor(){this.outletDataSubscriptions=new Map}bindActivatedRouteToOutletComponent(f){this.unsubscribeFromRouteData(f),this.subscribeToRouteData(f)}unsubscribeFromRouteData(f){this.outletDataSubscriptions.get(f)?.unsubscribe(),this.outletDataSubscriptions.delete(f)}subscribeToRouteData(f){const{activatedRoute:m}=f,b=ve([m.queryParams,m.params,m.data]).pipe((0,Dt.w)(([N,B,le],ee)=>(le={...N,...B,...le},0===ee?(0,R.of)(le):Promise.resolve(le)))).subscribe(N=>{if(!f.isActivated||!f.activatedComponentRef||f.activatedRoute!==m||null===m.component)return void this.unsubscribeFromRouteData(f);const B=(0,c.qFp)(m.component);if(B)for(const{templateName:le}of B.inputs)f.activatedComponentRef.setInput(le,N[le]);else this.unsubscribeFromRouteData(f)});this.outletDataSubscriptions.set(f,b)}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac})}return d})();function mi(d,g,f){if(f&&d.shouldReuseRoute(g.value,f.value.snapshot)){const m=f.value;m._futureSnapshot=g.value;const b=function ii(d,g,f){return g.children.map(m=>{for(const b of f.children)if(d.shouldReuseRoute(m.value,b.value.snapshot))return mi(d,m,b);return mi(d,m)})}(d,g,f);return new zn(m,b)}{if(d.shouldAttach(g.value)){const N=d.retrieve(g.value);if(null!==N){const B=N.route;return B.value._futureSnapshot=g.value,B.children=g.children.map(le=>mi(d,le)),B}}const m=function qs(d){return new Ai(new L.X(d.url),new L.X(d.params),new L.X(d.queryParams),new L.X(d.fragment),new L.X(d.data),d.outlet,d.component,d)}(g.value),b=g.children.map(N=>mi(d,N));return new zn(m,b)}}const Nr="ngNavigationCancelingError";function Ts(d,g){const{redirectTo:f,navigationBehaviorOptions:m}=Y(g)?{redirectTo:g,navigationBehaviorOptions:void 0}:g,b=Qi(!1,0,g);return b.url=f,b.navigationBehaviorOptions=m,b}function Qi(d,g,f){const m=new Error("NavigationCancelingError: "+(d||""));return m[Nr]=!0,m.cancellationCode=g,f&&(m.url=f),m}function hs(d){return d&&d[Nr]}let Wr=(()=>{class d{static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275cmp=c.Xpm({type:d,selectors:[["ng-component"]],standalone:!0,features:[c.jDz],decls:1,vars:0,template:function(m,b){1&m&&c._UZ(0,"router-outlet")},dependencies:[Oi],encapsulation:2})}return d})();function gs(d){const g=d.children&&d.children.map(gs),f=g?{...d,children:g}:{...d};return!f.component&&!f.loadComponent&&(g||f.loadChildren)&&f.outlet&&f.outlet!==ht&&(f.component=Wr),f}function si(d){return d.outlet||ht}function oi(d){if(!d)return null;if(d.routeConfig?._injector)return d.routeConfig._injector;for(let g=d.parent;g;g=g.parent){const f=g.routeConfig;if(f?._loadedInjector)return f._loadedInjector;if(f?._injector)return f._injector}return null}class Ji{constructor(g,f,m,b,N){this.routeReuseStrategy=g,this.futureState=f,this.currState=m,this.forwardEvent=b,this.inputBindingEnabled=N}activate(g){const f=this.futureState._root,m=this.currState?this.currState._root:null;this.deactivateChildRoutes(f,m,g),ds(this.futureState.root),this.activateChildRoutes(f,m,g)}deactivateChildRoutes(g,f,m){const b=ni(f);g.children.forEach(N=>{const B=N.value.outlet;this.deactivateRoutes(N,b[B],m),delete b[B]}),Object.values(b).forEach(N=>{this.deactivateRouteAndItsChildren(N,m)})}deactivateRoutes(g,f,m){const b=g.value,N=f?f.value:null;if(b===N)if(b.component){const B=m.getContext(b.outlet);B&&this.deactivateChildRoutes(g,f,B.children)}else this.deactivateChildRoutes(g,f,m);else N&&this.deactivateRouteAndItsChildren(f,m)}deactivateRouteAndItsChildren(g,f){g.value.component&&this.routeReuseStrategy.shouldDetach(g.value.snapshot)?this.detachAndStoreRouteSubtree(g,f):this.deactivateRouteAndOutlet(g,f)}detachAndStoreRouteSubtree(g,f){const m=f.getContext(g.value.outlet),b=m&&g.value.component?m.children:f,N=ni(g);for(const B of Object.keys(N))this.deactivateRouteAndItsChildren(N[B],b);if(m&&m.outlet){const B=m.outlet.detach(),le=m.children.onOutletDeactivated();this.routeReuseStrategy.store(g.value.snapshot,{componentRef:B,route:g,contexts:le})}}deactivateRouteAndOutlet(g,f){const m=f.getContext(g.value.outlet),b=m&&g.value.component?m.children:f,N=ni(g);for(const B of Object.keys(N))this.deactivateRouteAndItsChildren(N[B],b);m&&(m.outlet&&(m.outlet.deactivate(),m.children.onOutletDeactivated()),m.attachRef=null,m.route=null)}activateChildRoutes(g,f,m){const b=ni(f);g.children.forEach(N=>{this.activateRoutes(N,b[N.value.outlet],m),this.forwardEvent(new Ys(N.value.snapshot))}),g.children.length&&this.forwardEvent(new Ws(g.value.snapshot))}activateRoutes(g,f,m){const b=g.value,N=f?f.value:null;if(ds(b),b===N)if(b.component){const B=m.getOrCreateContext(b.outlet);this.activateChildRoutes(g,f,B.children)}else this.activateChildRoutes(g,f,m);else if(b.component){const B=m.getOrCreateContext(b.outlet);if(this.routeReuseStrategy.shouldAttach(b.snapshot)){const le=this.routeReuseStrategy.retrieve(b.snapshot);this.routeReuseStrategy.store(b.snapshot,null),B.children.onOutletReAttached(le.contexts),B.attachRef=le.componentRef,B.route=le.route.value,B.outlet&&B.outlet.attach(le.componentRef,le.route.value),ds(le.route.value),this.activateChildRoutes(g,null,B.children)}else{const le=oi(b.snapshot);B.attachRef=null,B.route=b,B.injector=le,B.outlet&&B.outlet.activateWith(b,B.injector),this.activateChildRoutes(g,null,B.children)}}else this.activateChildRoutes(g,null,m)}}class Os{constructor(g){this.path=g,this.route=this.path[this.path.length-1]}}class Ui{constructor(g,f){this.component=g,this.route=f}}function Ns(d,g,f){const m=d._root;return Et(m,g?g._root:null,f,[m.value])}function Kt(d,g){const f=Symbol(),m=g.get(d,f);return m===f?"function"!=typeof d||(0,c.Z0I)(d)?g.get(d):d:m}function Et(d,g,f,m,b={canDeactivateChecks:[],canActivateChecks:[]}){const N=ni(g);return d.children.forEach(B=>{(function Ni(d,g,f,m,b={canDeactivateChecks:[],canActivateChecks:[]}){const N=d.value,B=g?g.value:null,le=f?f.getContext(d.value.outlet):null;if(B&&N.routeConfig===B.routeConfig){const ee=function S(d,g,f){if("function"==typeof f)return f(d,g);switch(f){case"pathParamsChange":return!We(d.url,g.url);case"pathParamsOrQueryParamsChange":return!We(d.url,g.url)||!Bn(d.queryParams,g.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!Zi(d,g)||!Bn(d.queryParams,g.queryParams);default:return!Zi(d,g)}}(B,N,N.routeConfig.runGuardsAndResolvers);ee?b.canActivateChecks.push(new Os(m)):(N.data=B.data,N._resolvedData=B._resolvedData),Et(d,g,N.component?le?le.children:null:f,m,b),ee&&le&&le.outlet&&le.outlet.isActivated&&b.canDeactivateChecks.push(new Ui(le.outlet.component,B))}else B&&T(g,le,b),b.canActivateChecks.push(new Os(m)),Et(d,null,N.component?le?le.children:null:f,m,b)})(B,N[B.value.outlet],f,m.concat([B.value]),b),delete N[B.value.outlet]}),Object.entries(N).forEach(([B,le])=>T(le,f.getContext(B),b)),b}function T(d,g,f){const m=ni(d),b=d.value;Object.entries(m).forEach(([N,B])=>{T(B,b.component?g?g.children.getContext(N):null:g,f)}),f.canDeactivateChecks.push(new Ui(b.component&&g&&g.outlet&&g.outlet.isActivated?g.outlet.component:null,b))}function _(d){return"function"==typeof d}function Fn(d){return d instanceof Nt||"EmptyError"===d?.name}const fr=Symbol("INITIAL_VALUE");function sr(){return(0,Dt.w)(d=>ve(d.map(g=>g.pipe(ae(1),function me(...d){const g=(0,K.yG)(d);return(0,Oe.e)((f,m)=>{(g?Ae(d,f,g):Ae(d,f)).subscribe(m)})}(fr)))).pipe((0,rt.U)(g=>{for(const f of g)if(!0!==f){if(f===fr)return fr;if(!1===f||f instanceof fn)return f}return!0}),(0,be.h)(g=>g!==fr),ae(1)))}function ji(d){return(0,Ne.z)(Xe(g=>{if(Y(g))throw Ts(0,g)}),(0,rt.U)(g=>!0===g))}class $i{constructor(g){this.segmentGroup=g||null}}class Xs extends Error{constructor(g){super(),this.urlTree=g}}function qr(d){return ye(new $i(d))}class lo{constructor(g,f){this.urlSerializer=g,this.urlTree=f}lineralizeSegments(g,f){let m=[],b=f.root;for(;;){if(m=m.concat(b.segments),0===b.numberOfChildren)return(0,R.of)(m);if(b.numberOfChildren>1||!b.children[ht])return ye(new c.vHH(4e3,!1));b=b.children[ht]}}applyRedirectCommands(g,f,m){const b=this.applyRedirectCreateUrlTree(f,this.urlSerializer.parse(f),g,m);if(f.startsWith("/"))throw new Xs(b);return b}applyRedirectCreateUrlTree(g,f,m,b){const N=this.createSegmentGroup(g,f.root,m,b);return new fn(N,this.createQueryParams(f.queryParams,this.urlTree.queryParams),f.fragment)}createQueryParams(g,f){const m={};return Object.entries(g).forEach(([b,N])=>{if("string"==typeof N&&N.startsWith(":")){const le=N.substring(1);m[b]=f[le]}else m[b]=N}),m}createSegmentGroup(g,f,m,b){const N=this.createSegments(g,f.segments,m,b);let B={};return Object.entries(f.children).forEach(([le,ee])=>{B[le]=this.createSegmentGroup(g,ee,m,b)}),new zt(N,B)}createSegments(g,f,m,b){return f.map(N=>N.path.startsWith(":")?this.findPosParam(g,N,b):this.findOrReturn(N,m))}findPosParam(g,f,m){const b=m[f.path.substring(1)];if(!b)throw new c.vHH(4001,!1);return b}findOrReturn(g,f){let m=0;for(const b of f){if(b.path===g.path)return f.splice(m),b;m++}return g}}const ts={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Ri(d,g,f,m,b){const N=vs(d,g,f);return N.matched?(m=function As(d,g){return d.providers&&!d._injector&&(d._injector=(0,c.MMx)(d.providers,g,`Route: ${d.path}`)),d._injector??g}(g,m),function Kr(d,g,f,m){const b=g.canMatch;if(!b||0===b.length)return(0,R.of)(!0);const N=b.map(B=>{const le=Kt(B,d);return An(function ct(d){return d&&_(d.canMatch)}(le)?le.canMatch(g,f):(0,c.r_H)(d,()=>le(g,f)))});return(0,R.of)(N).pipe(sr(),ji())}(m,g,f).pipe((0,rt.U)(B=>!0===B?N:{...ts}))):(0,R.of)(N)}function vs(d,g,f){if("**"===g.path)return function _s(d){return{matched:!0,parameters:d.length>0?Tr(d).parameters:{},consumedSegments:d,remainingSegments:[],positionalParamSegments:{}}}(f);if(""===g.path)return"full"===g.pathMatch&&(d.hasChildren()||f.length>0)?{...ts}:{matched:!0,consumedSegments:[],remainingSegments:f,parameters:{},positionalParamSegments:{}};const b=(g.matcher||xt)(f,d,g);if(!b)return{...ts};const N={};Object.entries(b.posParams??{}).forEach(([le,ee])=>{N[le]=ee.path});const B=b.consumed.length>0?{...N,...b.consumed[b.consumed.length-1].parameters}:N;return{matched:!0,consumedSegments:b.consumed,remainingSegments:f.slice(b.consumed.length),parameters:B,positionalParamSegments:b.posParams??{}}}function Rn(d,g,f,m){return f.length>0&&function Qn(d,g,f){return f.some(m=>ai(d,g,m)&&si(m)!==ht)}(d,f,m)?{segmentGroup:new zt(g,jn(m,new zt(f,d.children))),slicedSegments:[]}:0===f.length&&function co(d,g,f){return f.some(m=>ai(d,g,m))}(d,f,m)?{segmentGroup:new zt(d.segments,Jt(d,0,f,m,d.children)),slicedSegments:f}:{segmentGroup:new zt(d.segments,d.children),slicedSegments:f}}function Jt(d,g,f,m,b){const N={};for(const B of m)if(ai(d,f,B)&&!b[si(B)]){const le=new zt([],{});N[si(B)]=le}return{...b,...N}}function jn(d,g){const f={};f[ht]=g;for(const m of d)if(""===m.path&&si(m)!==ht){const b=new zt([],{});f[si(m)]=b}return f}function ai(d,g,f){return(!(d.hasChildren()||g.length>0)||"full"!==f.pathMatch)&&""===f.path}class uo{}class D{constructor(g,f,m,b,N,B,le){this.injector=g,this.configLoader=f,this.rootComponentType=m,this.config=b,this.urlTree=N,this.paramsInheritanceStrategy=B,this.urlSerializer=le,this.applyRedirects=new lo(this.urlSerializer,this.urlTree),this.absoluteRedirectCount=0,this.allowRedirects=!0}noMatchError(g){return new c.vHH(4002,`'${g.segmentGroup}'`)}recognize(){const g=Rn(this.urlTree.root,[],[],this.config).segmentGroup;return this.match(g).pipe((0,rt.U)(f=>{const m=new Gr([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},ht,this.rootComponentType,null,{}),b=new zn(m,f),N=new ri("",b),B=function q(d,g,f=null,m=null){return ie(ue(d),g,f,m)}(m,[],this.urlTree.queryParams,this.urlTree.fragment);return B.queryParams=this.urlTree.queryParams,N.url=this.urlSerializer.serialize(B),this.inheritParamsAndData(N._root,null),{state:N,tree:B}}))}match(g){return this.processSegmentGroup(this.injector,this.config,g,ht).pipe(Wt(m=>{if(m instanceof Xs)return this.urlTree=m.urlTree,this.match(m.urlTree.root);throw m instanceof $i?this.noMatchError(m):m}))}inheritParamsAndData(g,f){const m=g.value,b=Bt(m,f,this.paramsInheritanceStrategy);m.params=Object.freeze(b.params),m.data=Object.freeze(b.data),g.children.forEach(N=>this.inheritParamsAndData(N,m))}processSegmentGroup(g,f,m,b){return 0===m.segments.length&&m.hasChildren()?this.processChildren(g,f,m):this.processSegment(g,f,m,m.segments,b,!0).pipe((0,rt.U)(N=>N instanceof zn?[N]:[]))}processChildren(g,f,m){const b=[];for(const N of Object.keys(m.children))"primary"===N?b.unshift(N):b.push(N);return(0,y.D)(b).pipe((0,mn.b)(N=>{const B=m.children[N],le=function oo(d,g){const f=d.filter(m=>si(m)===g);return f.push(...d.filter(m=>si(m)!==g)),f}(f,N);return this.processSegmentGroup(g,le,B,N)}),function rn(d,g){return(0,Oe.e)(function yn(d,g,f,m,b){return(N,B)=>{let le=f,ee=g,Ye=0;N.subscribe((0,fe.x)(B,Rt=>{const Ut=Ye++;ee=le?d(ee,Rt,Ut):(le=!0,Rt),m&&B.next(ee)},b&&(()=>{le&&B.next(ee),B.complete()})))}}(d,g,arguments.length>=2,!0))}((N,B)=>(N.push(...B),N)),ke(null),function kn(d,g){const f=arguments.length>=2;return m=>m.pipe(d?(0,be.h)((b,N)=>d(b,N,m)):G.y,dn(1),f?ke(g):je(()=>new Nt))}(),(0,De.z)(N=>{if(null===N)return qr(m);const B=de(N);return function I(d){d.sort((g,f)=>g.value.outlet===ht?-1:f.value.outlet===ht?1:g.value.outlet.localeCompare(f.value.outlet))}(B),(0,R.of)(B)}))}processSegment(g,f,m,b,N,B){return(0,y.D)(f).pipe((0,mn.b)(le=>this.processSegmentAgainstRoute(le._injector??g,f,le,m,b,N,B).pipe(Wt(ee=>{if(ee instanceof $i)return(0,R.of)(null);throw ee}))),It(le=>!!le),Wt(le=>{if(Fn(le))return function Dr(d,g,f){return 0===g.length&&!d.children[f]}(m,b,N)?(0,R.of)(new uo):qr(m);throw le}))}processSegmentAgainstRoute(g,f,m,b,N,B,le){return function eo(d,g,f,m){return!!(si(d)===m||m!==ht&&ai(g,f,d))&&vs(g,d,f).matched}(m,b,N,B)?void 0===m.redirectTo?this.matchSegmentAgainstRoute(g,b,m,N,B):this.allowRedirects&&le?this.expandSegmentAgainstRouteUsingRedirect(g,b,f,m,N,B):qr(b):qr(b)}expandSegmentAgainstRouteUsingRedirect(g,f,m,b,N,B){const{matched:le,consumedSegments:ee,positionalParamSegments:Ye,remainingSegments:Rt}=vs(f,b,N);if(!le)return qr(f);b.redirectTo.startsWith("/")&&(this.absoluteRedirectCount++,this.absoluteRedirectCount>31&&(this.allowRedirects=!1));const Ut=this.applyRedirects.applyRedirectCommands(ee,b.redirectTo,Ye);return this.applyRedirects.lineralizeSegments(b,Ut).pipe((0,De.z)(Yn=>this.processSegment(g,m,f,Yn.concat(Rt),B,!1)))}matchSegmentAgainstRoute(g,f,m,b,N){const B=Ri(f,m,b,g);return"**"===m.path&&(f.children={}),B.pipe((0,Dt.w)(le=>le.matched?this.getChildConfig(g=m._injector??g,m,b).pipe((0,Dt.w)(({routes:ee})=>{const Ye=m._loadedInjector??g,{consumedSegments:Rt,remainingSegments:Ut,parameters:Yn}=le,no=new Gr(Rt,Yn,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,function nt(d){return d.data||{}}(m),si(m),m.component??m._loadedComponent??null,m,function Cn(d){return d.resolve||{}}(m)),{segmentGroup:Ao,slicedSegments:lr}=Rn(f,Rt,Ut,ee);if(0===lr.length&&Ao.hasChildren())return this.processChildren(Ye,ee,Ao).pipe((0,rt.U)(un=>null===un?null:new zn(no,un)));if(0===ee.length&&0===lr.length)return(0,R.of)(new zn(no,[]));const Cs=si(m)===N;return this.processSegment(Ye,ee,Ao,lr,Cs?ht:N,!0).pipe((0,rt.U)(un=>new zn(no,un instanceof zn?[un]:[])))})):qr(f)))}getChildConfig(g,f,m){return f.children?(0,R.of)({routes:f.children,injector:g}):f.loadChildren?void 0!==f._loadedRoutes?(0,R.of)({routes:f._loadedRoutes,injector:f._loadedInjector}):function Rs(d,g,f,m){const b=g.canLoad;if(void 0===b||0===b.length)return(0,R.of)(!0);const N=b.map(B=>{const le=Kt(B,d);return An(function Z(d){return d&&_(d.canLoad)}(le)?le.canLoad(g,f):(0,c.r_H)(d,()=>le(g,f)))});return(0,R.of)(N).pipe(sr(),ji())}(g,f,m).pipe((0,De.z)(b=>b?this.configLoader.loadChildren(g,f).pipe(Xe(N=>{f._loadedRoutes=N.routes,f._loadedInjector=N.injector})):function Ot(d){return ye(Qi(!1,3))}())):(0,R.of)({routes:[],injector:g})}}function H(d){const g=d.value.routeConfig;return g&&""===g.path}function de(d){const g=[],f=new Set;for(const m of d){if(!H(m)){g.push(m);continue}const b=g.find(N=>m.value.routeConfig===N.value.routeConfig);void 0!==b?(b.children.push(...m.children),f.add(b)):g.push(m)}for(const m of f){const b=de(m.children);g.push(new zn(m.value,b))}return g.filter(m=>!f.has(m))}function C(d){const g=d.children.map(f=>C(f)).flat();return[d,...g]}function w(d){return(0,Dt.w)(g=>{const f=d(g);return f?(0,y.D)(f).pipe((0,rt.U)(()=>g)):(0,R.of)(g)})}let x=(()=>{class d{buildTitle(f){let m,b=f.root;for(;void 0!==b;)m=this.getResolvedTitleForRoute(b)??m,b=b.children.find(N=>N.outlet===ht);return m}getResolvedTitleForRoute(f){return f.data[In]}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:()=>(0,c.f3M)(U),providedIn:"root"})}return d})(),U=(()=>{class d extends x{constructor(f){super(),this.title=f}updateTitle(f){const m=this.buildTitle(f);void 0!==m&&this.title.setTitle(m)}static#e=this.\u0275fac=function(m){return new(m||d)(c.LFG(wn.Dx))};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();const z=new c.OlP("",{providedIn:"root",factory:()=>({})}),re=new c.OlP("ROUTES");let pe=(()=>{class d{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=(0,c.f3M)(c.Sil)}loadComponent(f){if(this.componentLoaders.get(f))return this.componentLoaders.get(f);if(f._loadedComponent)return(0,R.of)(f._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(f);const m=An(f.loadComponent()).pipe((0,rt.U)(qt),Xe(N=>{this.onLoadEndListener&&this.onLoadEndListener(f),f._loadedComponent=N}),(0,Tn.x)(()=>{this.componentLoaders.delete(f)})),b=new ge(m,()=>new he.x).pipe(Ue());return this.componentLoaders.set(f,b),b}loadChildren(f,m){if(this.childrenLoaders.get(m))return this.childrenLoaders.get(m);if(m._loadedRoutes)return(0,R.of)({routes:m._loadedRoutes,injector:m._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(m);const N=function Ze(d,g,f,m){return An(d.loadChildren()).pipe((0,rt.U)(qt),(0,De.z)(b=>b instanceof c.YKP||Array.isArray(b)?(0,R.of)(b):(0,y.D)(g.compileModuleAsync(b))),(0,rt.U)(b=>{m&&m(d);let N,B,le=!1;return Array.isArray(b)?(B=b,!0):(N=b.create(f).injector,B=N.get(re,[],{optional:!0,self:!0}).flat()),{routes:B.map(gs),injector:N}}))}(m,this.compiler,f,this.onLoadEndListener).pipe((0,Tn.x)(()=>{this.childrenLoaders.delete(m)})),B=new ge(N,()=>new he.x).pipe(Ue());return this.childrenLoaders.set(m,B),B}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();function qt(d){return function Qe(d){return d&&"object"==typeof d&&"default"in d}(d)?d.default:d}let Ct=(()=>{class d{static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:()=>(0,c.f3M)(_t),providedIn:"root"})}return d})(),_t=(()=>{class d{shouldProcessUrl(f){return!0}extract(f){return f}merge(f,m){return f}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();const Tt=new c.OlP(""),bn=new c.OlP("");function Jn(d,g,f){const m=d.get(bn),b=d.get(Ve.K0);return d.get(c.R0b).runOutsideAngular(()=>{if(!b.startViewTransition||m.skipNextTransition)return m.skipNextTransition=!1,Promise.resolve();let N;const B=new Promise(Ye=>{N=Ye}),le=b.startViewTransition(()=>(N(),function or(d){return new Promise(g=>{(0,c.T8G)(g,{injector:d})})}(d))),{onViewTransitionCreated:ee}=m;return ee&&(0,c.r_H)(d,()=>ee({transition:le,from:g,to:f})),B})}let Xn=(()=>{class d{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.currentTransition=null,this.lastSuccessfulNavigation=null,this.events=new he.x,this.transitionAbortSubject=new he.x,this.configLoader=(0,c.f3M)(pe),this.environmentInjector=(0,c.f3M)(c.lqb),this.urlSerializer=(0,c.f3M)(Hn),this.rootContexts=(0,c.f3M)(hi),this.location=(0,c.f3M)(Ve.Ye),this.inputBindingEnabled=null!==(0,c.f3M)(Zn,{optional:!0}),this.titleStrategy=(0,c.f3M)(x),this.options=(0,c.f3M)(z,{optional:!0})||{},this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlHandlingStrategy=(0,c.f3M)(Ct),this.createViewTransition=(0,c.f3M)(Tt,{optional:!0}),this.navigationId=0,this.afterPreactivation=()=>(0,R.of)(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=b=>this.events.next(new Gs(b)),this.configLoader.onLoadStartListener=b=>this.events.next(new qi(b))}complete(){this.transitions?.complete()}handleNavigationRequest(f){const m=++this.navigationId;this.transitions?.next({...this.transitions.value,...f,id:m})}setupNavigations(f,m,b){return this.transitions=new L.X({id:0,currentUrlTree:m,currentRawUrl:m,extractedUrl:this.urlHandlingStrategy.extract(m),urlAfterRedirects:this.urlHandlingStrategy.extract(m),rawUrl:m,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:rr,restoredState:null,currentSnapshot:b.snapshot,targetSnapshot:null,currentRouterState:b,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe((0,be.h)(N=>0!==N.id),(0,rt.U)(N=>({...N,extractedUrl:this.urlHandlingStrategy.extract(N.rawUrl)})),(0,Dt.w)(N=>{this.currentTransition=N;let B=!1,le=!1;return(0,R.of)(N).pipe(Xe(ee=>{this.currentNavigation={id:ee.id,initialUrl:ee.rawUrl,extractedUrl:ee.extractedUrl,trigger:ee.source,extras:ee.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),(0,Dt.w)(ee=>{const Ye=!f.navigated||this.isUpdatingInternalState()||this.isUpdatedBrowserUrl();if(!Ye&&"reload"!==(ee.extras.onSameUrlNavigation??f.onSameUrlNavigation)){const Ut="";return this.events.next(new kt(ee.id,this.urlSerializer.serialize(ee.rawUrl),Ut,0)),ee.resolve(null),se.E}if(this.urlHandlingStrategy.shouldProcessUrl(ee.rawUrl))return(0,R.of)(ee).pipe((0,Dt.w)(Ut=>{const Yn=this.transitions?.getValue();return this.events.next(new Sn(Ut.id,this.urlSerializer.serialize(Ut.extractedUrl),Ut.source,Ut.restoredState)),Yn!==this.transitions?.getValue()?se.E:Promise.resolve(Ut)}),function hn(d,g,f,m,b,N){return(0,De.z)(B=>function p(d,g,f,m,b,N,B="emptyOnly"){return new D(d,g,f,m,b,B,N).recognize()}(d,g,f,m,B.extractedUrl,b,N).pipe((0,rt.U)(({state:le,tree:ee})=>({...B,targetSnapshot:le,urlAfterRedirects:ee}))))}(this.environmentInjector,this.configLoader,this.rootComponentType,f.config,this.urlSerializer,this.paramsInheritanceStrategy),Xe(Ut=>{N.targetSnapshot=Ut.targetSnapshot,N.urlAfterRedirects=Ut.urlAfterRedirects,this.currentNavigation={...this.currentNavigation,finalUrl:Ut.urlAfterRedirects};const Yn=new zs(Ut.id,this.urlSerializer.serialize(Ut.extractedUrl),this.urlSerializer.serialize(Ut.urlAfterRedirects),Ut.targetSnapshot);this.events.next(Yn)}));if(Ye&&this.urlHandlingStrategy.shouldProcessUrl(ee.currentRawUrl)){const{id:Ut,extractedUrl:Yn,source:no,restoredState:Ao,extras:lr}=ee,Cs=new Sn(Ut,this.urlSerializer.serialize(Yn),no,Ao);this.events.next(Cs);const un=Ii(0,this.rootComponentType).snapshot;return this.currentTransition=N={...ee,targetSnapshot:un,urlAfterRedirects:Yn,extras:{...lr,skipLocationChange:!1,replaceUrl:!1}},this.currentNavigation.finalUrl=Yn,(0,R.of)(N)}{const Ut="";return this.events.next(new kt(ee.id,this.urlSerializer.serialize(ee.extractedUrl),Ut,1)),ee.resolve(null),se.E}}),Xe(ee=>{const Ye=new Vt(ee.id,this.urlSerializer.serialize(ee.extractedUrl),this.urlSerializer.serialize(ee.urlAfterRedirects),ee.targetSnapshot);this.events.next(Ye)}),(0,rt.U)(ee=>(this.currentTransition=N={...ee,guards:Ns(ee.targetSnapshot,ee.currentSnapshot,this.rootContexts)},N)),function tn(d,g){return(0,De.z)(f=>{const{targetSnapshot:m,currentSnapshot:b,guards:{canActivateChecks:N,canDeactivateChecks:B}}=f;return 0===B.length&&0===N.length?(0,R.of)({...f,guardsResult:!0}):function hr(d,g,f,m){return(0,y.D)(d).pipe((0,De.z)(b=>function Mn(d,g,f,m,b){const N=g&&g.routeConfig?g.routeConfig.canDeactivate:null;if(!N||0===N.length)return(0,R.of)(!0);const B=N.map(le=>{const ee=oi(g)??b,Ye=Kt(le,ee);return An(function Fe(d){return d&&_(d.canDeactivate)}(Ye)?Ye.canDeactivate(d,g,f,m):(0,c.r_H)(ee,()=>Ye(d,g,f,m))).pipe(It())});return(0,R.of)(B).pipe(sr())}(b.component,b.route,f,g,m)),It(b=>!0!==b,!0))}(B,m,b,d).pipe((0,De.z)(le=>le&&function F(d){return"boolean"==typeof d}(le)?function ms(d,g,f,m){return(0,y.D)(g).pipe((0,mn.b)(b=>Ae(function Xi(d,g){return null!==d&&g&&g(new Mi(d)),(0,R.of)(!0)}(b.route.parent,m),function Mt(d,g){return null!==d&&g&&g(new bo(d)),(0,R.of)(!0)}(b.route,m),function ys(d,g,f){const m=g[g.length-1],N=g.slice(0,g.length-1).reverse().map(B=>function Lt(d){const g=d.routeConfig?d.routeConfig.canActivateChild:null;return g&&0!==g.length?{node:d,guards:g}:null}(B)).filter(B=>null!==B).map(B=>Re(()=>{const le=B.guards.map(ee=>{const Ye=oi(B.node)??f,Rt=Kt(ee,Ye);return An(function tt(d){return d&&_(d.canActivateChild)}(Rt)?Rt.canActivateChild(m,d):(0,c.r_H)(Ye,()=>Rt(m,d))).pipe(It())});return(0,R.of)(le).pipe(sr())}));return(0,R.of)(N).pipe(sr())}(d,b.path,f),function So(d,g,f){const m=g.routeConfig?g.routeConfig.canActivate:null;if(!m||0===m.length)return(0,R.of)(!0);const b=m.map(N=>Re(()=>{const B=oi(g)??f,le=Kt(N,B);return An(function ut(d){return d&&_(d.canActivate)}(le)?le.canActivate(g,d):(0,c.r_H)(B,()=>le(g,d))).pipe(It())}));return(0,R.of)(b).pipe(sr())}(d,b.route,f))),It(b=>!0!==b,!0))}(m,N,d,g):(0,R.of)(le)),(0,rt.U)(le=>({...f,guardsResult:le})))})}(this.environmentInjector,ee=>this.events.next(ee)),Xe(ee=>{if(N.guardsResult=ee.guardsResult,Y(ee.guardsResult))throw Ts(0,ee.guardsResult);const Ye=new Si(ee.id,this.urlSerializer.serialize(ee.extractedUrl),this.urlSerializer.serialize(ee.urlAfterRedirects),ee.targetSnapshot,!!ee.guardsResult);this.events.next(Ye)}),(0,be.h)(ee=>!!ee.guardsResult||(this.cancelNavigationTransition(ee,"",3),!1)),w(ee=>{if(ee.guards.canActivateChecks.length)return(0,R.of)(ee).pipe(Xe(Ye=>{const Rt=new ti(Ye.id,this.urlSerializer.serialize(Ye.extractedUrl),this.urlSerializer.serialize(Ye.urlAfterRedirects),Ye.targetSnapshot);this.events.next(Rt)}),(0,Dt.w)(Ye=>{let Rt=!1;return(0,R.of)(Ye).pipe(function pn(d,g){return(0,De.z)(f=>{const{targetSnapshot:m,guards:{canActivateChecks:b}}=f;if(!b.length)return(0,R.of)(f);const N=new Set(b.map(ee=>ee.route)),B=new Set;for(const ee of N)if(!B.has(ee))for(const Ye of C(ee))B.add(Ye);let le=0;return(0,y.D)(B).pipe((0,mn.b)(ee=>N.has(ee)?function u(d,g,f,m){const b=d.routeConfig,N=d._resolve;return void 0!==b?.title&&!vr(b)&&(N[In]=b.title),function a(d,g,f,m){const b=gr(d);if(0===b.length)return(0,R.of)({});const N={};return(0,y.D)(b).pipe((0,De.z)(B=>function v(d,g,f,m){const b=oi(g)??m,N=Kt(d,b);return An(N.resolve?N.resolve(g,f):(0,c.r_H)(b,()=>N(g,f)))}(d[B],g,f,m).pipe(It(),Xe(le=>{N[B]=le}))),dn(1),function sn(d){return(0,rt.U)(()=>d)}(N),Wt(B=>Fn(B)?se.E:ye(B)))}(N,d,g,m).pipe((0,rt.U)(B=>(d._resolvedData=B,d.data=Bt(d,d.parent,f).resolve,null)))}(ee,m,d,g):(ee.data=Bt(ee,ee.parent,d).resolve,(0,R.of)(void 0))),Xe(()=>le++),dn(1),(0,De.z)(ee=>le===B.size?(0,R.of)(f):se.E))})}(this.paramsInheritanceStrategy,this.environmentInjector),Xe({next:()=>Rt=!0,complete:()=>{Rt||this.cancelNavigationTransition(Ye,"",2)}}))}),Xe(Ye=>{const Rt=new ki(Ye.id,this.urlSerializer.serialize(Ye.extractedUrl),this.urlSerializer.serialize(Ye.urlAfterRedirects),Ye.targetSnapshot);this.events.next(Rt)}))}),w(ee=>{const Ye=Rt=>{const Ut=[];Rt.routeConfig?.loadComponent&&!Rt.routeConfig._loadedComponent&&Ut.push(this.configLoader.loadComponent(Rt.routeConfig).pipe(Xe(Yn=>{Rt.component=Yn}),(0,rt.U)(()=>{})));for(const Yn of Rt.children)Ut.push(...Ye(Yn));return Ut};return ve(Ye(ee.targetSnapshot.root)).pipe(ke(),ae(1))}),w(()=>this.afterPreactivation()),(0,Dt.w)(()=>{const{currentSnapshot:ee,targetSnapshot:Ye}=N,Rt=this.createViewTransition?.(this.environmentInjector,ee.root,Ye.root);return Rt?(0,y.D)(Rt).pipe((0,rt.U)(()=>N)):(0,R.of)(N)}),(0,rt.U)(ee=>{const Ye=function fs(d,g,f){const m=mi(d,g._root,f?f._root:void 0);return new Or(m,g)}(f.routeReuseStrategy,ee.targetSnapshot,ee.currentRouterState);return this.currentTransition=N={...ee,targetRouterState:Ye},this.currentNavigation.targetRouterState=Ye,N}),Xe(()=>{this.events.next(new cs)}),((d,g,f,m)=>(0,rt.U)(b=>(new Ji(g,b.targetRouterState,b.currentRouterState,f,m).activate(d),b)))(this.rootContexts,f.routeReuseStrategy,ee=>this.events.next(ee),this.inputBindingEnabled),ae(1),Xe({next:ee=>{B=!0,this.lastSuccessfulNavigation=this.currentNavigation,this.events.next(new Vr(ee.id,this.urlSerializer.serialize(ee.extractedUrl),this.urlSerializer.serialize(ee.urlAfterRedirects))),this.titleStrategy?.updateTitle(ee.targetRouterState.snapshot),ee.resolve(!0)},complete:()=>{B=!0}}),function bi(d){return(0,Oe.e)((g,f)=>{(0,Ie.Xf)(d).subscribe((0,fe.x)(f,()=>f.complete(),Mr.Z)),!f.closed&&g.subscribe(f)})}(this.transitionAbortSubject.pipe(Xe(ee=>{throw ee}))),(0,Tn.x)(()=>{B||le||this.cancelNavigationTransition(N,"",1),this.currentNavigation?.id===N.id&&(this.currentNavigation=null)}),Wt(ee=>{if(le=!0,hs(ee))this.events.next(new Ss(N.id,this.urlSerializer.serialize(N.extractedUrl),ee.message,ee.cancellationCode)),function Is(d){return hs(d)&&Y(d.url)}(ee)?this.events.next(new fi(ee.url)):N.resolve(!1);else{this.events.next(new Ms(N.id,this.urlSerializer.serialize(N.extractedUrl),ee,N.targetSnapshot??void 0));try{N.resolve(f.errorHandler(ee))}catch(Ye){N.reject(Ye)}}return se.E}))}))}cancelNavigationTransition(f,m,b){const N=new Ss(f.id,this.urlSerializer.serialize(f.extractedUrl),m,b);this.events.next(N),f.resolve(!1)}isUpdatingInternalState(){return this.currentTransition?.extractedUrl.toString()!==this.currentTransition?.currentUrlTree.toString()}isUpdatedBrowserUrl(){return this.urlHandlingStrategy.extract(this.urlSerializer.parse(this.location.path(!0))).toString()!==this.currentTransition?.extractedUrl.toString()&&!this.currentTransition?.extras.skipLocationChange}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();function ar(d){return d!==rr}let Ps=(()=>{class d{static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:()=>(0,c.f3M)(Rr),providedIn:"root"})}return d})();class li{shouldDetach(g){return!1}store(g,f){}shouldAttach(g){return!1}retrieve(g){return null}shouldReuseRoute(g,f){return g.routeConfig===f.routeConfig}}let Rr=(()=>{class d extends li{static#e=this.\u0275fac=(()=>{let f;return function(b){return(f||(f=c.n5z(d)))(b||d)}})();static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})(),er=(()=>{class d{static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:()=>(0,c.f3M)(Pi),providedIn:"root"})}return d})(),Pi=(()=>{class d extends er{constructor(){super(...arguments),this.location=(0,c.f3M)(Ve.Ye),this.urlSerializer=(0,c.f3M)(Hn),this.options=(0,c.f3M)(z,{optional:!0})||{},this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.urlHandlingStrategy=(0,c.f3M)(Ct),this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.currentUrlTree=new fn,this.rawUrlTree=this.currentUrlTree,this.currentPageId=0,this.lastSuccessfulId=-1,this.routerState=Ii(0,null),this.stateMemento=this.createStateMemento()}getCurrentUrlTree(){return this.currentUrlTree}getRawUrlTree(){return this.rawUrlTree}restoredState(){return this.location.getState()}get browserPageId(){return"computed"!==this.canceledNavigationResolution?this.currentPageId:this.restoredState()?.\u0275routerPageId??this.currentPageId}getRouterState(){return this.routerState}createStateMemento(){return{rawUrlTree:this.rawUrlTree,currentUrlTree:this.currentUrlTree,routerState:this.routerState}}registerNonRouterCurrentEntryChangeListener(f){return this.location.subscribe(m=>{"popstate"===m.type&&f(m.url,m.state)})}handleRouterEvent(f,m){if(f instanceof Sn)this.stateMemento=this.createStateMemento();else if(f instanceof kt)this.rawUrlTree=m.initialUrl;else if(f instanceof zs){if("eager"===this.urlUpdateStrategy&&!m.extras.skipLocationChange){const b=this.urlHandlingStrategy.merge(m.finalUrl,m.initialUrl);this.setBrowserUrl(b,m)}}else f instanceof cs?(this.currentUrlTree=m.finalUrl,this.rawUrlTree=this.urlHandlingStrategy.merge(m.finalUrl,m.initialUrl),this.routerState=m.targetRouterState,"deferred"===this.urlUpdateStrategy&&(m.extras.skipLocationChange||this.setBrowserUrl(this.rawUrlTree,m))):f instanceof Ss&&(3===f.code||2===f.code)?this.restoreHistory(m):f instanceof Ms?this.restoreHistory(m,!0):f instanceof Vr&&(this.lastSuccessfulId=f.id,this.currentPageId=this.browserPageId)}setBrowserUrl(f,m){const b=this.urlSerializer.serialize(f);if(this.location.isCurrentPathEqualTo(b)||m.extras.replaceUrl){const B={...m.extras.state,...this.generateNgRouterState(m.id,this.browserPageId)};this.location.replaceState(b,"",B)}else{const N={...m.extras.state,...this.generateNgRouterState(m.id,this.browserPageId+1)};this.location.go(b,"",N)}}restoreHistory(f,m=!1){if("computed"===this.canceledNavigationResolution){const N=this.currentPageId-this.browserPageId;0!==N?this.location.historyGo(N):this.currentUrlTree===f.finalUrl&&0===N&&(this.resetState(f),this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(m&&this.resetState(f),this.resetUrlToCurrentUrlTree())}resetState(f){this.routerState=this.stateMemento.routerState,this.currentUrlTree=this.stateMemento.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,f.finalUrl??this.rawUrlTree)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(f,m){return"computed"===this.canceledNavigationResolution?{navigationId:f,\u0275routerPageId:m}:{navigationId:f}}static#e=this.\u0275fac=(()=>{let f;return function(b){return(f||(f=c.n5z(d)))(b||d)}})();static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();var Br=function(d){return d[d.COMPLETE=0]="COMPLETE",d[d.FAILED=1]="FAILED",d[d.REDIRECTING=2]="REDIRECTING",d}(Br||{});function gn(d,g){d.events.pipe((0,be.h)(f=>f instanceof Vr||f instanceof Ss||f instanceof Ms||f instanceof kt),(0,rt.U)(f=>f instanceof Vr||f instanceof kt?Br.COMPLETE:f instanceof Ss&&(0===f.code||1===f.code)?Br.REDIRECTING:Br.FAILED),(0,be.h)(f=>f!==Br.REDIRECTING),ae(1)).subscribe(()=>{g()})}function Ds(d){throw d}const vi={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},Er={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let Zr=(()=>{class d{get currentUrlTree(){return this.stateManager.getCurrentUrlTree()}get rawUrlTree(){return this.stateManager.getRawUrlTree()}get events(){return this._events}get routerState(){return this.stateManager.getRouterState()}constructor(){this.disposed=!1,this.isNgZoneEnabled=!1,this.console=(0,c.f3M)(c.c2e),this.stateManager=(0,c.f3M)(er),this.options=(0,c.f3M)(z,{optional:!0})||{},this.pendingTasks=(0,c.f3M)(c.HDt),this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.navigationTransitions=(0,c.f3M)(Xn),this.urlSerializer=(0,c.f3M)(Hn),this.location=(0,c.f3M)(Ve.Ye),this.urlHandlingStrategy=(0,c.f3M)(Ct),this._events=new he.x,this.errorHandler=this.options.errorHandler||Ds,this.navigated=!1,this.routeReuseStrategy=(0,c.f3M)(Ps),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.config=(0,c.f3M)(re,{optional:!0})?.flat()??[],this.componentInputBindingEnabled=!!(0,c.f3M)(Zn,{optional:!0}),this.eventsSubscription=new He.w0,this.isNgZoneEnabled=(0,c.f3M)(c.R0b)instanceof c.R0b&&c.R0b.isInAngularZone(),this.resetConfig(this.config),this.navigationTransitions.setupNavigations(this,this.currentUrlTree,this.routerState).subscribe({error:f=>{this.console.warn(f)}}),this.subscribeToNavigationEvents()}subscribeToNavigationEvents(){const f=this.navigationTransitions.events.subscribe(m=>{try{const b=this.navigationTransitions.currentTransition,N=this.navigationTransitions.currentNavigation;if(null!==b&&null!==N)if(this.stateManager.handleRouterEvent(m,N),m instanceof Ss&&0!==m.code&&1!==m.code)this.navigated=!0;else if(m instanceof Vr)this.navigated=!0;else if(m instanceof fi){const B=this.urlHandlingStrategy.merge(m.url,b.currentRawUrl),le={skipLocationChange:b.extras.skipLocationChange,replaceUrl:"eager"===this.urlUpdateStrategy||ar(b.source)};this.scheduleNavigation(B,rr,null,le,{resolve:b.resolve,reject:b.reject,promise:b.promise})}(function ft(d){return!(d instanceof cs||d instanceof fi)})(m)&&this._events.next(m)}catch(b){this.navigationTransitions.transitionAbortSubject.next(b)}});this.eventsSubscription.add(f)}resetRootComponentType(f){this.routerState.root.component=f,this.navigationTransitions.rootComponentType=f}initialNavigation(){this.setUpLocationChangeListener(),this.navigationTransitions.hasRequestedNavigation||this.navigateToSyncWithBrowser(this.location.path(!0),rr,this.stateManager.restoredState())}setUpLocationChangeListener(){this.nonRouterCurrentEntryChangeSubscription||(this.nonRouterCurrentEntryChangeSubscription=this.stateManager.registerNonRouterCurrentEntryChangeListener((f,m)=>{setTimeout(()=>{this.navigateToSyncWithBrowser(f,"popstate",m)},0)}))}navigateToSyncWithBrowser(f,m,b){const N={replaceUrl:!0},B=b?.navigationId?b:null;if(b){const ee={...b};delete ee.navigationId,delete ee.\u0275routerPageId,0!==Object.keys(ee).length&&(N.state=ee)}const le=this.parseUrl(f);this.scheduleNavigation(le,m,B,N)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}get lastSuccessfulNavigation(){return this.navigationTransitions.lastSuccessfulNavigation}resetConfig(f){this.config=f.map(gs),this.navigated=!1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.nonRouterCurrentEntryChangeSubscription&&(this.nonRouterCurrentEntryChangeSubscription.unsubscribe(),this.nonRouterCurrentEntryChangeSubscription=void 0),this.disposed=!0,this.eventsSubscription.unsubscribe()}createUrlTree(f,m={}){const{relativeTo:b,queryParams:N,fragment:B,queryParamsHandling:le,preserveFragment:ee}=m,Ye=ee?this.currentUrlTree.fragment:B;let Ut,Rt=null;switch(le){case"merge":Rt={...this.currentUrlTree.queryParams,...N};break;case"preserve":Rt=this.currentUrlTree.queryParams;break;default:Rt=N||null}null!==Rt&&(Rt=this.removeEmptyProps(Rt));try{Ut=ue(b?b.snapshot:this.routerState.snapshot.root)}catch{("string"!=typeof f[0]||!f[0].startsWith("/"))&&(f=[]),Ut=this.currentUrlTree.root}return ie(Ut,f,Rt,Ye??null)}navigateByUrl(f,m={skipLocationChange:!1}){const b=Y(f)?f:this.parseUrl(f),N=this.urlHandlingStrategy.merge(b,this.rawUrlTree);return this.scheduleNavigation(N,rr,null,m)}navigate(f,m={skipLocationChange:!1}){return function st(d){for(let g=0;g{const N=f[b];return null!=N&&(m[b]=N),m},{})}scheduleNavigation(f,m,b,N,B){if(this.disposed)return Promise.resolve(!1);let le,ee,Ye;B?(le=B.resolve,ee=B.reject,Ye=B.promise):Ye=new Promise((Ut,Yn)=>{le=Ut,ee=Yn});const Rt=this.pendingTasks.add();return gn(this,()=>{queueMicrotask(()=>this.pendingTasks.remove(Rt))}),this.navigationTransitions.handleNavigationRequest({source:m,restoredState:b,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,rawUrl:f,extras:N,resolve:le,reject:ee,promise:Ye,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),Ye.catch(Ut=>Promise.reject(Ut))}static#e=this.\u0275fac=function(m){return new(m||d)};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})(),lt=(()=>{class d{constructor(f,m,b,N,B,le){this.router=f,this.route=m,this.tabIndexAttribute=b,this.renderer=N,this.el=B,this.locationStrategy=le,this.href=null,this.commands=null,this.onChanges=new he.x,this.preserveFragment=!1,this.skipLocationChange=!1,this.replaceUrl=!1;const ee=B.nativeElement.tagName?.toLowerCase();this.isAnchorElement="a"===ee||"area"===ee,this.isAnchorElement?this.subscription=f.events.subscribe(Ye=>{Ye instanceof Vr&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}setTabIndexIfNotOnNativeEl(f){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",f)}ngOnChanges(f){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(f){null!=f?(this.commands=Array.isArray(f)?f:[f],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(f,m,b,N,B){return!!(null===this.urlTree||this.isAnchorElement&&(0!==f||m||b||N||B||"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 f=null===this.href?null:(0,c.P3R)(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",f)}applyAttributeValue(f,m){const b=this.renderer,N=this.el.nativeElement;null!==m?b.setAttribute(N,f,m):b.removeAttribute(N,f)}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})}static#e=this.\u0275fac=function(m){return new(m||d)(c.Y36(Zr),c.Y36(Ai),c.$8M("tabindex"),c.Y36(c.Qsj),c.Y36(c.SBq),c.Y36(Ve.S$))};static#t=this.\u0275dir=c.lG2({type:d,selectors:[["","routerLink",""]],hostVars:1,hostBindings:function(m,b){1&m&&c.NdJ("click",function(B){return b.onClick(B.button,B.ctrlKey,B.shiftKey,B.altKey,B.metaKey)}),2&m&&c.uIk("target",b.target)},inputs:{target:"target",queryParams:"queryParams",fragment:"fragment",queryParamsHandling:"queryParamsHandling",state:"state",relativeTo:"relativeTo",preserveFragment:["preserveFragment","preserveFragment",c.VuI],skipLocationChange:["skipLocationChange","skipLocationChange",c.VuI],replaceUrl:["replaceUrl","replaceUrl",c.VuI],routerLink:"routerLink"},standalone:!0,features:[c.Xq5,c.TTD]})}return d})(),Xt=(()=>{class d{get isActive(){return this._isActive}constructor(f,m,b,N,B){this.router=f,this.element=m,this.renderer=b,this.cdr=N,this.link=B,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new c.vpe,this.routerEventsSubscription=f.events.subscribe(le=>{le instanceof Vr&&this.update()})}ngAfterContentInit(){(0,R.of)(this.links.changes,(0,R.of)(null)).pipe((0,St.J)()).subscribe(f=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){this.linkInputChangesSubscription?.unsubscribe();const f=[...this.links.toArray(),this.link].filter(m=>!!m).map(m=>m.onChanges);this.linkInputChangesSubscription=(0,y.D)(f).pipe((0,St.J)()).subscribe(m=>{this._isActive!==this.isLinkActive(this.router)(m)&&this.update()})}set routerLinkActive(f){const m=Array.isArray(f)?f:f.split(" ");this.classes=m.filter(b=>!!b)}ngOnChanges(f){this.update()}ngOnDestroy(){this.routerEventsSubscription.unsubscribe(),this.linkInputChangesSubscription?.unsubscribe()}update(){!this.links||!this.router.navigated||queueMicrotask(()=>{const f=this.hasActiveLinks();this._isActive!==f&&(this._isActive=f,this.cdr.markForCheck(),this.classes.forEach(m=>{f?this.renderer.addClass(this.element.nativeElement,m):this.renderer.removeClass(this.element.nativeElement,m)}),f&&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(f))})}isLinkActive(f){const m=function Wn(d){return!!d.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return b=>!!b.urlTree&&f.isActive(b.urlTree,m)}hasActiveLinks(){const f=this.isLinkActive(this.router);return this.link&&f(this.link)||this.links.some(f)}static#e=this.\u0275fac=function(m){return new(m||d)(c.Y36(Zr),c.Y36(c.SBq),c.Y36(c.Qsj),c.Y36(c.sBO),c.Y36(lt,8))};static#t=this.\u0275dir=c.lG2({type:d,selectors:[["","routerLinkActive",""]],contentQueries:function(m,b,N){if(1&m&&c.Suo(N,lt,5),2&m){let B;c.iGM(B=c.CRH())&&(b.links=B)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[c.TTD]})}return d})();class _i{}let Pn=(()=>{class d{constructor(f,m,b,N,B){this.router=f,this.injector=b,this.preloadingStrategy=N,this.loader=B}setUpPreloading(){this.subscription=this.router.events.pipe((0,be.h)(f=>f instanceof Vr),(0,mn.b)(()=>this.preload())).subscribe(()=>{})}preload(){return this.processRoutes(this.injector,this.router.config)}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}processRoutes(f,m){const b=[];for(const N of m){N.providers&&!N._injector&&(N._injector=(0,c.MMx)(N.providers,f,`Route: ${N.path}`));const B=N._injector??f,le=N._loadedInjector??B;(N.loadChildren&&!N._loadedRoutes&&void 0===N.canLoad||N.loadComponent&&!N._loadedComponent)&&b.push(this.preloadConfig(B,N)),(N.children||N._loadedRoutes)&&b.push(this.processRoutes(le,N.children??N._loadedRoutes))}return(0,y.D)(b).pipe((0,St.J)())}preloadConfig(f,m){return this.preloadingStrategy.preload(m,()=>{let b;b=m.loadChildren&&void 0===m.canLoad?this.loader.loadChildren(f,m):(0,R.of)(null);const N=b.pipe((0,De.z)(B=>null===B?(0,R.of)(void 0):(m._loadedRoutes=B.routes,m._loadedInjector=B.injector,this.processRoutes(B.injector??f,B.routes))));if(m.loadComponent&&!m._loadedComponent){const B=this.loader.loadComponent(m);return(0,y.D)([N,B]).pipe((0,St.J)())}return N})}static#e=this.\u0275fac=function(m){return new(m||d)(c.LFG(Zr),c.LFG(c.Sil),c.LFG(c.lqb),c.LFG(_i),c.LFG(pe))};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"})}return d})();const to=new c.OlP("");let To=(()=>{class d{constructor(f,m,b,N,B={}){this.urlSerializer=f,this.transitions=m,this.viewportScroller=b,this.zone=N,this.options=B,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},B.scrollPositionRestoration=B.scrollPositionRestoration||"disabled",B.anchorScrolling=B.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(f=>{f instanceof Sn?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=f.navigationTrigger,this.restoredId=f.restoredState?f.restoredState.navigationId:0):f instanceof Vr?(this.lastId=f.id,this.scheduleScrollEvent(f,this.urlSerializer.parse(f.urlAfterRedirects).fragment)):f instanceof kt&&0===f.code&&(this.lastSource=void 0,this.restoredId=0,this.scheduleScrollEvent(f,this.urlSerializer.parse(f.url).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(f=>{f instanceof Ks&&(f.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(f.position):f.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(f.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(f,m){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new Ks(f,"popstate"===this.lastSource?this.store[this.restoredId]:null,m))})},0)})}ngOnDestroy(){this.routerEventsSubscription?.unsubscribe(),this.scrollEventsSubscription?.unsubscribe()}static#e=this.\u0275fac=function(m){c.$Z()};static#t=this.\u0275prov=c.Yz7({token:d,factory:d.\u0275fac})}return d})();function Nn(d,g){return{\u0275kind:d,\u0275providers:g}}function Ll(){const d=(0,c.f3M)(c.zs3);return g=>{const f=d.get(c.z2F);if(g!==f.components[0])return;const m=d.get(Zr),b=d.get(Fl);1===d.get(ka)&&m.initialNavigation(),d.get(Vl,null,c.XFs.Optional)?.setUpPreloading(),d.get(to,null,c.XFs.Optional)?.init(),m.resetRootComponentType(f.componentTypes[0]),b.closed||(b.next(),b.complete(),b.unsubscribe())}}const Fl=new c.OlP("",{factory:()=>new he.x}),ka=new c.OlP("",{providedIn:"root",factory:()=>1}),Vl=new c.OlP("");function Du(d){return Nn(0,[{provide:Vl,useExisting:Pn},{provide:_i,useExisting:d}])}function Bl(d){return Nn(9,[{provide:Tt,useValue:Jn},{provide:bn,useValue:{skipNextTransition:!!d?.skipInitialTransition,...d}}])}const vn=new c.OlP("ROUTER_FORROOT_GUARD"),Hl=[Ve.Ye,{provide:Hn,useClass:Ce},Zr,hi,{provide:Ai,useFactory:function Di(d){return d.routerState.root},deps:[Zr]},pe,[]];let Io=(()=>{class d{constructor(f){}static forRoot(f,m){return{ngModule:d,providers:[Hl,[],{provide:re,multi:!0,useValue:f},{provide:vn,useFactory:Cu,deps:[[Zr,new c.FiY,new c.tp0]]},{provide:z,useValue:m||{}},m?.useHash?{provide:Ve.S$,useClass:Ve.Do}:{provide:Ve.S$,useClass:Ve.b0},{provide:to,useFactory:()=>{const d=(0,c.f3M)(Ve.EM),g=(0,c.f3M)(c.R0b),f=(0,c.f3M)(z),m=(0,c.f3M)(Xn),b=(0,c.f3M)(Hn);return f.scrollOffset&&d.setOffset(f.scrollOffset),new To(b,m,d,g,f)}},m?.preloadingStrategy?Du(m.preloadingStrategy).\u0275providers:[],m?.initialNavigation?gh(m):[],m?.bindToComponentInputs?Nn(8,[Yt,{provide:Zn,useExisting:Yt}]).\u0275providers:[],m?.enableViewTransitions?Bl().\u0275providers:[],[{provide:Ha,useFactory:Ll},{provide:c.tb,multi:!0,useExisting:Ha}]]}}static forChild(f){return{ngModule:d,providers:[{provide:re,multi:!0,useValue:f}]}}static#e=this.\u0275fac=function(m){return new(m||d)(c.LFG(vn,8))};static#t=this.\u0275mod=c.oAB({type:d});static#n=this.\u0275inj=c.cJS({})}return d})();function Cu(d){return"guarded"}function gh(d){return["disabled"===d.initialNavigation?Nn(3,[{provide:c.ip1,multi:!0,useFactory:()=>{const g=(0,c.f3M)(Zr);return()=>{g.setUpLocationChangeListener()}}},{provide:ka,useValue:2}]).\u0275providers:[],"enabledBlocking"===d.initialNavigation?Nn(2,[{provide:ka,useValue:0},{provide:c.ip1,multi:!0,deps:[c.zs3],useFactory:g=>{const f=g.get(Ve.V_,Promise.resolve());return()=>f.then(()=>new Promise(m=>{const b=g.get(Zr),N=g.get(Fl);gn(b,()=>{m(!0)}),g.get(Xn).afterPreactivation=()=>(m(!0),N.closed?(0,R.of)(void 0):N),b.initialNavigation()}))}}]).\u0275providers:[]]}const Ha=new c.OlP("")},5219:(ot,we,P)=>{P.d(we,{$_:()=>Ge,F0:()=>oe,b4:()=>Se,h4:()=>ve,jx:()=>ze,m8:()=>pt,ws:()=>Nt});var c=P(5849),M=P(8645),V=P(6814);const te=["*"];let j=(()=>class Ee{static STARTS_WITH="startsWith";static CONTAINS="contains";static NOT_CONTAINS="notContains";static ENDS_WITH="endsWith";static EQUALS="equals";static NOT_EQUALS="notEquals";static IN="in";static LESS_THAN="lt";static LESS_THAN_OR_EQUAL_TO="lte";static GREATER_THAN="gt";static GREATER_THAN_OR_EQUAL_TO="gte";static BETWEEN="between";static IS="is";static IS_NOT="isNot";static BEFORE="before";static AFTER="after";static DATE_IS="dateIs";static DATE_IS_NOT="dateIsNot";static DATE_BEFORE="dateBefore";static DATE_AFTER="dateAfter"})(),oe=(()=>{class Ee{clickSource=new M.x;clickObservable=this.clickSource.asObservable();add(Ie){Ie&&this.clickSource.next(Ie)}static \u0275fac=function(Re){return new(Re||Ee)};static \u0275prov=c.Yz7({token:Ee,factory:Ee.\u0275fac,providedIn:"root"})}return Ee})(),Se=(()=>{class Ee{ripple=!1;inputStyle="outlined";overlayOptions={};filterMatchModeOptions={text:[j.STARTS_WITH,j.CONTAINS,j.NOT_CONTAINS,j.ENDS_WITH,j.EQUALS,j.NOT_EQUALS],numeric:[j.EQUALS,j.NOT_EQUALS,j.LESS_THAN,j.LESS_THAN_OR_EQUAL_TO,j.GREATER_THAN,j.GREATER_THAN_OR_EQUAL_TO],date:[j.DATE_IS,j.DATE_IS_NOT,j.DATE_BEFORE,j.DATE_AFTER]};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",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],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"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",am:"am",pm:"pm",dateFormat:"mm/dd/yy",firstDayOfWeek:0,today:"Today",weekHeader:"Wk",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyMessage:"No results found",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",emptySelectionMessage:"No selected item",emptySearchMessage:"No results found",emptyFilterMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"{page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",prevPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",previousPageLabel:"Previous Page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left"}};zIndex={modal:1100,overlay:1e3,menu:1e3,tooltip:1100};translationSource=new M.x;translationObserver=this.translationSource.asObservable();getTranslation(Ie){return this.translation[Ie]}setTranslation(Ie){this.translation={...this.translation,...Ie},this.translationSource.next(this.translation)}static \u0275fac=function(Re){return new(Re||Ee)};static \u0275prov=c.Yz7({token:Ee,factory:Ee.\u0275fac,providedIn:"root"})}return Ee})(),ve=(()=>{class Ee{static \u0275fac=function(Re){return new(Re||Ee)};static \u0275cmp=c.Xpm({type:Ee,selectors:[["p-header"]],ngContentSelectors:te,decls:1,vars:0,template:function(Re,Ne){1&Re&&(c.F$t(),c.Hsn(0))},encapsulation:2})}return Ee})(),Ge=(()=>{class Ee{static \u0275fac=function(Re){return new(Re||Ee)};static \u0275cmp=c.Xpm({type:Ee,selectors:[["p-footer"]],ngContentSelectors:te,decls:1,vars:0,template:function(Re,Ne){1&Re&&(c.F$t(),c.Hsn(0))},encapsulation:2})}return Ee})(),ze=(()=>{class Ee{template;type;name;constructor(Ie){this.template=Ie}getType(){return this.name}static \u0275fac=function(Re){return new(Re||Ee)(c.Y36(c.Rgc))};static \u0275dir=c.lG2({type:Ee,selectors:[["","pTemplate",""]],inputs:{type:"type",name:["pTemplate","name"]}})}return Ee})(),pt=(()=>{class Ee{static \u0275fac=function(Re){return new(Re||Ee)};static \u0275mod=c.oAB({type:Ee});static \u0275inj=c.cJS({imports:[V.ez]})}return Ee})(),Nt=(()=>class Ee{static STARTS_WITH="startsWith";static CONTAINS="contains";static NOT_CONTAINS="notContains";static ENDS_WITH="endsWith";static EQUALS="equals";static NOT_EQUALS="notEquals";static NO_FILTER="noFilter";static LT="lt";static LTE="lte";static GT="gt";static GTE="gte";static IS="is";static IS_NOT="isNot";static BEFORE="before";static AFTER="after";static CLEAR="clear";static APPLY="apply";static MATCH_ALL="matchAll";static MATCH_ANY="matchAny";static ADD_RULE="addRule";static REMOVE_RULE="removeRule";static ACCEPT="accept";static REJECT="reject";static CHOOSE="choose";static UPLOAD="upload";static CANCEL="cancel";static PENDING="pending";static FILE_SIZE_TYPES="fileSizeTypes";static DAY_NAMES="dayNames";static DAY_NAMES_SHORT="dayNamesShort";static DAY_NAMES_MIN="dayNamesMin";static MONTH_NAMES="monthNames";static MONTH_NAMES_SHORT="monthNamesShort";static FIRST_DAY_OF_WEEK="firstDayOfWeek";static TODAY="today";static WEEK_HEADER="weekHeader";static WEAK="weak";static MEDIUM="medium";static STRONG="strong";static PASSWORD_PROMPT="passwordPrompt";static EMPTY_MESSAGE="emptyMessage";static EMPTY_FILTER_MESSAGE="emptyFilterMessage"})()},4713:(ot,we,P)=>{P.d(we,{s:()=>te});var c=P(5849),M=P(2332);const V=["*"];let te=(()=>{class y{label;spin=!1;styleClass;role;ariaLabel;ariaHidden;ngOnInit(){this.getAttributes()}getAttributes(){const L=M.gb.isEmpty(this.label);this.role=L?void 0:"img",this.ariaLabel=L?void 0:this.label,this.ariaHidden=L}getClassNames(){return`p-icon ${this.styleClass?this.styleClass+" ":""}${this.spin?"p-icon-spin":""}`}static \u0275fac=function(j){return new(j||y)};static \u0275cmp=c.Xpm({type:y,selectors:[["ng-component"]],hostAttrs:[1,"p-element","p-icon-wrapper"],inputs:{label:"label",spin:"spin",styleClass:"styleClass"},standalone:!0,features:[c.jDz],ngContentSelectors:V,decls:1,vars:0,template:function(j,G){1&j&&(c.F$t(),c.Hsn(0))},encapsulation:2,changeDetection:0})}return y})()},336:(ot,we,P)=>{P.d(we,{zx:()=>se,Hq:()=>ye,hJ:()=>He});var c=P(6814),M=P(5849),V=P(5219),te=P(2076),y=P(4713),R=P(2332);let L=(()=>{class Oe extends y.s{pathId;ngOnInit(){this.pathId="url(#"+(0,R.Th)()+")"}static \u0275fac=(()=>{let ge;return function(Ve){return(ge||(ge=M.n5z(Oe)))(Ve||Oe)}})();static \u0275cmp=M.Xpm({type:Oe,selectors:[["SpinnerIcon"]],standalone:!0,features:[M.qOj,M.jDz],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(he,Ve){1&he&&(M.O4$(),M.TgZ(0,"svg",0)(1,"g"),M._UZ(2,"path",1),M.qZA(),M.TgZ(3,"defs")(4,"clipPath",2),M._UZ(5,"rect",3),M.qZA()()()),2&he&&(M.Tol(Ve.getClassNames()),M.uIk("aria-label",Ve.ariaLabel)("aria-hidden",Ve.ariaHidden)("role",Ve.role),M.xp6(1),M.uIk("clip-path",Ve.pathId),M.xp6(3),M.Q6J("id",Ve.pathId))},encapsulation:2})}return Oe})();var j=P(4480);function G(Oe,Ue){1&Oe&&M.GkF(0)}function J(Oe,Ue){if(1&Oe&&M._UZ(0,"span",8),2&Oe){const ge=M.oxw(3);M.Tol("p-button-loading-icon pi-spin "+ge.loadingIcon),M.Q6J("ngClass",ge.iconClass()),M.uIk("aria-hidden",!0)("data-pc-section","loadingicon")}}function K(Oe,Ue){if(1&Oe&&M._UZ(0,"SpinnerIcon",9),2&Oe){const ge=M.oxw(3);M.Q6J("styleClass",ge.spinnerIconClass())("spin",!0),M.uIk("aria-hidden",!0)("data-pc-section","loadingicon")}}function oe(Oe,Ue){if(1&Oe&&(M.ynx(0),M.YNc(1,J,1,5,"span",6)(2,K,1,4,"SpinnerIcon",7),M.BQk()),2&Oe){const ge=M.oxw(2);M.xp6(1),M.Q6J("ngIf",ge.loadingIcon),M.xp6(1),M.Q6J("ngIf",!ge.loadingIcon)}}function fe(Oe,Ue){}function Se(Oe,Ue){1&Oe&&M.YNc(0,fe,0,0,"ng-template")}function ve(Oe,Ue){if(1&Oe&&(M.TgZ(0,"span",10),M.YNc(1,Se,1,0,null,1),M.qZA()),2&Oe){const ge=M.oxw(2);M.Q6J("ngClass",ge.iconClass()),M.uIk("aria-hidden",!0)("data-pc-section","loadingicon"),M.xp6(1),M.Q6J("ngTemplateOutlet",ge.loadingIconTemplate)}}function Ge(Oe,Ue){if(1&Oe&&(M.ynx(0),M.YNc(1,oe,3,2,"ng-container",2)(2,ve,2,4,"span",5),M.BQk()),2&Oe){const ge=M.oxw();M.xp6(1),M.Q6J("ngIf",!ge.loadingIconTemplate),M.xp6(1),M.Q6J("ngIf",ge.loadingIconTemplate)}}function ze(Oe,Ue){if(1&Oe&&M._UZ(0,"span",8),2&Oe){const ge=M.oxw(2);M.Tol(ge.icon),M.Q6J("ngClass",ge.iconClass()),M.uIk("data-pc-section","icon")}}function pt(Oe,Ue){}function Nt(Oe,Ue){if(1&Oe&&M.YNc(0,pt,0,0,"ng-template",12),2&Oe){const ge=M.oxw(3);M.Q6J("ngIf",!ge.icon)}}function St(Oe,Ue){if(1&Oe&&(M.TgZ(0,"span",8),M.YNc(1,Nt,1,1,null,1),M.qZA()),2&Oe){const ge=M.oxw(2);M.Q6J("ngClass",ge.iconClass()),M.uIk("data-pc-section","icon"),M.xp6(1),M.Q6J("ngTemplateOutlet",ge.iconTemplate)}}function Ee(Oe,Ue){if(1&Oe&&(M.ynx(0),M.YNc(1,ze,1,4,"span",6)(2,St,2,3,"span",11),M.BQk()),2&Oe){const ge=M.oxw();M.xp6(1),M.Q6J("ngIf",ge.icon&&!ge.iconTemplate),M.xp6(1),M.Q6J("ngIf",!ge.icon&&ge.iconTemplate)}}function Ae(Oe,Ue){if(1&Oe&&(M.TgZ(0,"span",13),M._uU(1),M.qZA()),2&Oe){const ge=M.oxw();M.uIk("aria-hidden",ge.icon&&!ge.label)("data-pc-section","label"),M.xp6(1),M.Oqu(ge.label)}}function Ie(Oe,Ue){if(1&Oe&&(M.TgZ(0,"span",8),M._uU(1),M.qZA()),2&Oe){const ge=M.oxw();M.Tol(ge.badgeClass),M.Q6J("ngClass",ge.badgeStyleClass()),M.uIk("data-pc-section","badge"),M.xp6(1),M.Oqu(ge.badge)}}const Re=["*"],Ne={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 ye=(()=>{class Oe{el;document;iconPos="left";loadingIcon;get label(){return this._label}set label(ge){this._label=ge,this.initialized&&(this.updateLabel(),this.updateIcon(),this.setStyleClass())}get icon(){return this._icon}set icon(ge){this._icon=ge,this.initialized&&(this.updateIcon(),this.setStyleClass())}get loading(){return this._loading}set loading(ge){this._loading=ge,this.initialized&&(this.updateIcon(),this.setStyleClass())}_label;_icon;_loading=!1;initialized;get htmlElement(){return this.el.nativeElement}_internalClasses=Object.values(Ne);spinnerIcon='\n \n \n \n \n \n \n \n \n ';constructor(ge,he){this.el=ge,this.document=he}ngAfterViewInit(){te.p.addMultipleClasses(this.htmlElement,this.getStyleClass().join(" ")),this.createIcon(),this.createLabel(),this.initialized=!0}getStyleClass(){const ge=[Ne.button,Ne.component];return this.icon&&!this.label&&R.gb.isEmpty(this.htmlElement.textContent)&&ge.push(Ne.iconOnly),this.loading&&(ge.push(Ne.disabled,Ne.loading),!this.icon&&this.label&&ge.push(Ne.labelOnly),this.icon&&!this.label&&!R.gb.isEmpty(this.htmlElement.textContent)&&ge.push(Ne.iconOnly)),ge}setStyleClass(){const ge=this.getStyleClass();this.htmlElement.classList.remove(...this._internalClasses),this.htmlElement.classList.add(...ge)}createLabel(){if(this.label){let ge=this.document.createElement("span");this.icon&&!this.label&&ge.setAttribute("aria-hidden","true"),ge.className="p-button-label",ge.appendChild(this.document.createTextNode(this.label)),this.htmlElement.appendChild(ge)}}createIcon(){if(this.icon||this.loading){let ge=this.document.createElement("span");ge.className="p-button-icon",ge.setAttribute("aria-hidden","true");let he=this.label?"p-button-icon-"+this.iconPos:null;he&&te.p.addClass(ge,he);let Ve=this.getIconClass();Ve&&te.p.addMultipleClasses(ge,Ve),!this.loadingIcon&&this.loading&&(ge.innerHTML=this.spinnerIcon),this.htmlElement.insertBefore(ge,this.htmlElement.firstChild)}}updateLabel(){let ge=te.p.findSingle(this.htmlElement,".p-button-label");this.label?ge?ge.textContent=this.label:this.createLabel():ge&&this.htmlElement.removeChild(ge)}updateIcon(){let ge=te.p.findSingle(this.htmlElement,".p-button-icon"),he=te.p.findSingle(this.htmlElement,".p-button-label");this.loading&&!this.loadingIcon&&ge?ge.innerHTML=this.spinnerIcon:ge?.innerHTML&&(ge.innerHTML=""),ge?ge.className=this.iconPos?"p-button-icon "+(he?"p-button-icon-"+this.iconPos:"")+" "+this.getIconClass():"p-button-icon "+this.getIconClass():this.createIcon()}getIconClass(){return this.loading?"p-button-loading-icon "+(this.loadingIcon?this.loadingIcon:"p-icon"):this.icon||"p-hidden"}ngOnDestroy(){this.initialized=!1}static \u0275fac=function(he){return new(he||Oe)(M.Y36(M.SBq),M.Y36(c.K0))};static \u0275dir=M.lG2({type:Oe,selectors:[["","pButton",""]],hostAttrs:[1,"p-element"],inputs:{iconPos:"iconPos",loadingIcon:"loadingIcon",label:"label",icon:"icon",loading:"loading"}})}return Oe})(),se=(()=>{class Oe{type="button";iconPos="left";icon;badge;label;disabled;loading=!1;loadingIcon;raised=!1;rounded=!1;text=!1;plain=!1;severity;outlined=!1;link=!1;size;style;styleClass;badgeClass;ariaLabel;onClick=new M.vpe;onFocus=new M.vpe;onBlur=new M.vpe;contentTemplate;loadingIconTemplate;iconTemplate;templates;spinnerIconClass(){return Object.entries(this.iconClass()).filter(([,ge])=>!!ge).reduce((ge,[he])=>ge+` ${he}`,"p-button-loading-icon")}iconClass(){return{"p-button-icon":!0,"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}}buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":(this.icon||this.iconTemplate||this.loadingIcon||this.loadingIconTemplate)&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label&&!this.loadingIcon&&"left"===this.iconPos,"p-button-link":this.link,[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size,"p-button-plain":this.plain,[`${this.styleClass}`]:this.styleClass}}ngAfterContentInit(){this.templates?.forEach(ge=>{switch(ge.getType()){case"content":default:this.contentTemplate=ge.template;break;case"icon":this.iconTemplate=ge.template;break;case"loadingicon":this.loadingIconTemplate=ge.template}})}badgeStyleClass(){return{"p-badge p-component":!0,"p-badge-no-gutter":this.badge&&1===String(this.badge).length}}static \u0275fac=function(he){return new(he||Oe)};static \u0275cmp=M.Xpm({type:Oe,selectors:[["p-button"]],contentQueries:function(he,Ve,rt){if(1&he&&M.Suo(rt,V.jx,4),2&he){let Dt;M.iGM(Dt=M.CRH())&&(Ve.templates=Dt)}},hostAttrs:[1,"p-element"],hostVars:2,hostBindings:function(he,Ve){2&he&&M.ekj("p-disabled",Ve.disabled)},inputs:{type:"type",iconPos:"iconPos",icon:"icon",badge:"badge",label:"label",disabled:"disabled",loading:"loading",loadingIcon:"loadingIcon",raised:"raised",rounded:"rounded",text:"text",plain:"plain",severity:"severity",outlined:"outlined",link:"link",size:"size",style:"style",styleClass:"styleClass",badgeClass:"badgeClass",ariaLabel:"ariaLabel"},outputs:{onClick:"onClick",onFocus:"onFocus",onBlur:"onBlur"},ngContentSelectors:Re,decls:7,vars:14,consts:[["pRipple","",3,"ngStyle","disabled","ngClass","click","focus","blur"],[4,"ngTemplateOutlet"],[4,"ngIf"],["class","p-button-label",4,"ngIf"],[3,"ngClass","class",4,"ngIf"],["class","p-button-loading-icon",3,"ngClass",4,"ngIf"],[3,"class","ngClass",4,"ngIf"],[3,"styleClass","spin",4,"ngIf"],[3,"ngClass"],[3,"styleClass","spin"],[1,"p-button-loading-icon",3,"ngClass"],[3,"ngClass",4,"ngIf"],[3,"ngIf"],[1,"p-button-label"]],template:function(he,Ve){1&he&&(M.F$t(),M.TgZ(0,"button",0),M.NdJ("click",function(Dt){return Ve.onClick.emit(Dt)})("focus",function(Dt){return Ve.onFocus.emit(Dt)})("blur",function(Dt){return Ve.onBlur.emit(Dt)}),M.Hsn(1),M.YNc(2,G,1,0,"ng-container",1)(3,Ge,3,2,"ng-container",2)(4,Ee,3,2,"ng-container",2)(5,Ae,2,3,"span",3)(6,Ie,2,5,"span",4),M.qZA()),2&he&&(M.Tol(Ve.styleClass),M.Q6J("ngStyle",Ve.style)("disabled",Ve.disabled||Ve.loading)("ngClass",Ve.buttonClass()),M.uIk("type",Ve.type)("aria-label",Ve.ariaLabel)("data-pc-name","button")("data-pc-section","root"),M.xp6(2),M.Q6J("ngTemplateOutlet",Ve.contentTemplate),M.xp6(1),M.Q6J("ngIf",Ve.loading),M.xp6(1),M.Q6J("ngIf",!Ve.loading),M.xp6(1),M.Q6J("ngIf",!Ve.contentTemplate&&Ve.label),M.xp6(1),M.Q6J("ngIf",!Ve.contentTemplate&&Ve.badge))},dependencies:()=>[c.mk,c.O5,c.tP,c.PC,j.H,L],encapsulation:2,changeDetection:0})}return Oe})(),He=(()=>{class Oe{static \u0275fac=function(he){return new(he||Oe)};static \u0275mod=M.oAB({type:Oe});static \u0275inj=M.cJS({imports:[c.ez,j.T,V.m8,L,V.m8]})}return Oe})()},2076:(ot,we,P)=>{P.d(we,{V:()=>M,p:()=>c});let c=(()=>{class V{static zindex=1e3;static calculatedScrollbarWidth=null;static calculatedScrollbarHeight=null;static browser;static addClass(y,R){y&&R&&(y.classList?y.classList.add(R):y.className+=" "+R)}static addMultipleClasses(y,R){if(y&&R)if(y.classList){let L=R.trim().split(" ");for(let j=0;jL.split(" ").forEach(j=>this.removeClass(y,j)))}static hasClass(y,R){return!(!y||!R)&&(y.classList?y.classList.contains(R):new RegExp("(^| )"+R+"( |$)","gi").test(y.className))}static siblings(y){return Array.prototype.filter.call(y.parentNode.children,function(R){return R!==y})}static find(y,R){return Array.from(y.querySelectorAll(R))}static findSingle(y,R){return this.isElement(y)?y.querySelector(R):null}static index(y){let R=y.parentNode.childNodes,L=0;for(var j=0;j{if(St)return"relative"===getComputedStyle(St).getPropertyValue("position")?St:L(St.parentElement)},j=y.offsetParent?{width:y.offsetWidth,height:y.offsetHeight}:this.getHiddenElementDimensions(y),G=R.offsetHeight,J=R.getBoundingClientRect(),K=this.getWindowScrollTop(),oe=this.getWindowScrollLeft(),fe=this.getViewport(),ve=L(y)?.getBoundingClientRect()||{top:-1*K,left:-1*oe};let Ge,ze;J.top+G+j.height>fe.height?(Ge=J.top-ve.top-j.height,y.style.transformOrigin="bottom",J.top+Ge<0&&(Ge=-1*J.top)):(Ge=G+J.top-ve.top,y.style.transformOrigin="top");const pt=J.left+j.width-fe.width;ze=j.width>fe.width?-1*(J.left-ve.left):pt>0?J.left-ve.left-pt:J.left-ve.left,y.style.top=Ge+"px",y.style.left=ze+"px"}static absolutePosition(y,R){const L=y.offsetParent?{width:y.offsetWidth,height:y.offsetHeight}:this.getHiddenElementDimensions(y),j=L.height,G=L.width,J=R.offsetHeight,K=R.offsetWidth,oe=R.getBoundingClientRect(),fe=this.getWindowScrollTop(),Se=this.getWindowScrollLeft(),ve=this.getViewport();let Ge,ze;oe.top+J+j>ve.height?(Ge=oe.top+fe-j,y.style.transformOrigin="bottom",Ge<0&&(Ge=fe)):(Ge=J+oe.top+fe,y.style.transformOrigin="top"),ze=oe.left+G>ve.width?Math.max(0,oe.left+Se+K-G):oe.left+Se,y.style.top=Ge+"px",y.style.left=ze+"px"}static getParents(y,R=[]){return null===y.parentNode?R:this.getParents(y.parentNode,R.concat([y.parentNode]))}static getScrollableParents(y){let R=[];if(y){let L=this.getParents(y);const j=/(auto|scroll)/,G=J=>{let K=window.getComputedStyle(J,null);return j.test(K.getPropertyValue("overflow"))||j.test(K.getPropertyValue("overflowX"))||j.test(K.getPropertyValue("overflowY"))};for(let J of L){let K=1===J.nodeType&&J.dataset.scrollselectors;if(K){let oe=K.split(",");for(let fe of oe){let Se=this.findSingle(J,fe);Se&&G(Se)&&R.push(Se)}}9!==J.nodeType&&G(J)&&R.push(J)}}return R}static getHiddenElementOuterHeight(y){y.style.visibility="hidden",y.style.display="block";let R=y.offsetHeight;return y.style.display="none",y.style.visibility="visible",R}static getHiddenElementOuterWidth(y){y.style.visibility="hidden",y.style.display="block";let R=y.offsetWidth;return y.style.display="none",y.style.visibility="visible",R}static getHiddenElementDimensions(y){let R={};return y.style.visibility="hidden",y.style.display="block",R.width=y.offsetWidth,R.height=y.offsetHeight,y.style.display="none",y.style.visibility="visible",R}static scrollInView(y,R){let L=getComputedStyle(y).getPropertyValue("borderTopWidth"),j=L?parseFloat(L):0,G=getComputedStyle(y).getPropertyValue("paddingTop"),J=G?parseFloat(G):0,K=y.getBoundingClientRect(),fe=R.getBoundingClientRect().top+document.body.scrollTop-(K.top+document.body.scrollTop)-j-J,Se=y.scrollTop,ve=y.clientHeight,Ge=this.getOuterHeight(R);fe<0?y.scrollTop=Se+fe:fe+Ge>ve&&(y.scrollTop=Se+fe-ve+Ge)}static fadeIn(y,R){y.style.opacity=0;let L=+new Date,j=0,G=function(){j=+y.style.opacity.replace(",",".")+((new Date).getTime()-L)/R,y.style.opacity=j,L=+new Date,+j<1&&(window.requestAnimationFrame&&requestAnimationFrame(G)||setTimeout(G,16))};G()}static fadeOut(y,R){var L=1,J=50/R;let K=setInterval(()=>{(L-=J)<=0&&(L=0,clearInterval(K)),y.style.opacity=L},50)}static getWindowScrollTop(){let y=document.documentElement;return(window.pageYOffset||y.scrollTop)-(y.clientTop||0)}static getWindowScrollLeft(){let y=document.documentElement;return(window.pageXOffset||y.scrollLeft)-(y.clientLeft||0)}static matches(y,R){var L=Element.prototype;return(L.matches||L.webkitMatchesSelector||L.mozMatchesSelector||L.msMatchesSelector||function(G){return-1!==[].indexOf.call(document.querySelectorAll(G),this)}).call(y,R)}static getOuterWidth(y,R){let L=y.offsetWidth;if(R){let j=getComputedStyle(y);L+=parseFloat(j.marginLeft)+parseFloat(j.marginRight)}return L}static getHorizontalPadding(y){let R=getComputedStyle(y);return parseFloat(R.paddingLeft)+parseFloat(R.paddingRight)}static getHorizontalMargin(y){let R=getComputedStyle(y);return parseFloat(R.marginLeft)+parseFloat(R.marginRight)}static innerWidth(y){let R=y.offsetWidth,L=getComputedStyle(y);return R+=parseFloat(L.paddingLeft)+parseFloat(L.paddingRight),R}static width(y){let R=y.offsetWidth,L=getComputedStyle(y);return R-=parseFloat(L.paddingLeft)+parseFloat(L.paddingRight),R}static getInnerHeight(y){let R=y.offsetHeight,L=getComputedStyle(y);return R+=parseFloat(L.paddingTop)+parseFloat(L.paddingBottom),R}static getOuterHeight(y,R){let L=y.offsetHeight;if(R){let j=getComputedStyle(y);L+=parseFloat(j.marginTop)+parseFloat(j.marginBottom)}return L}static getHeight(y){let R=y.offsetHeight,L=getComputedStyle(y);return R-=parseFloat(L.paddingTop)+parseFloat(L.paddingBottom)+parseFloat(L.borderTopWidth)+parseFloat(L.borderBottomWidth),R}static getWidth(y){let R=y.offsetWidth,L=getComputedStyle(y);return R-=parseFloat(L.paddingLeft)+parseFloat(L.paddingRight)+parseFloat(L.borderLeftWidth)+parseFloat(L.borderRightWidth),R}static getViewport(){let y=window,R=document,L=R.documentElement,j=R.getElementsByTagName("body")[0];return{width:y.innerWidth||L.clientWidth||j.clientWidth,height:y.innerHeight||L.clientHeight||j.clientHeight}}static getOffset(y){var R=y.getBoundingClientRect();return{top:R.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),left:R.left+(window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0)}}static replaceElementWith(y,R){let L=y.parentNode;if(!L)throw"Can't replace element";return L.replaceChild(R,y)}static getUserAgent(){if(navigator&&this.isClient())return navigator.userAgent}static isIE(){var y=window.navigator.userAgent;return y.indexOf("MSIE ")>0||(y.indexOf("Trident/")>0?(y.indexOf("rv:"),!0):y.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(y,R){if(this.isElement(R))R.appendChild(y);else{if(!(R&&R.el&&R.el.nativeElement))throw"Cannot append "+R+" to "+y;R.el.nativeElement.appendChild(y)}}static removeChild(y,R){if(this.isElement(R))R.removeChild(y);else{if(!R.el||!R.el.nativeElement)throw"Cannot remove "+y+" from "+R;R.el.nativeElement.removeChild(y)}}static removeElement(y){"remove"in Element.prototype?y.remove():y.parentNode.removeChild(y)}static isElement(y){return"object"==typeof HTMLElement?y instanceof HTMLElement:y&&"object"==typeof y&&null!==y&&1===y.nodeType&&"string"==typeof y.nodeName}static calculateScrollbarWidth(y){if(y){let R=getComputedStyle(y);return y.offsetWidth-y.clientWidth-parseFloat(R.borderLeftWidth)-parseFloat(R.borderRightWidth)}{if(null!==this.calculatedScrollbarWidth)return this.calculatedScrollbarWidth;let R=document.createElement("div");R.className="p-scrollbar-measure",document.body.appendChild(R);let L=R.offsetWidth-R.clientWidth;return document.body.removeChild(R),this.calculatedScrollbarWidth=L,L}}static calculateScrollbarHeight(){if(null!==this.calculatedScrollbarHeight)return this.calculatedScrollbarHeight;let y=document.createElement("div");y.className="p-scrollbar-measure",document.body.appendChild(y);let R=y.offsetHeight-y.clientHeight;return document.body.removeChild(y),this.calculatedScrollbarWidth=R,R}static invokeElementMethod(y,R,L){y[R].apply(y,L)}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 y=this.resolveUserAgent();this.browser={},y.browser&&(this.browser[y.browser]=!0,this.browser.version=y.version),this.browser.chrome?this.browser.webkit=!0:this.browser.webkit&&(this.browser.safari=!0)}return this.browser}static resolveUserAgent(){let y=navigator.userAgent.toLowerCase(),R=/(chrome)[ \/]([\w.]+)/.exec(y)||/(webkit)[ \/]([\w.]+)/.exec(y)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(y)||/(msie) ([\w.]+)/.exec(y)||y.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(y)||[];return{browser:R[1]||"",version:R[2]||"0"}}static isInteger(y){return Number.isInteger?Number.isInteger(y):"number"==typeof y&&isFinite(y)&&Math.floor(y)===y}static isHidden(y){return!y||null===y.offsetParent}static isVisible(y){return y&&null!=y.offsetParent}static isExist(y){return null!==y&&typeof y<"u"&&y.nodeName&&y.parentNode}static focus(y,R){y&&document.activeElement!==y&&y.focus(R)}static getFocusableElements(y,R=""){let L=this.find(y,`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R},\n [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${R}`),j=[];for(let G of L)"none"!=getComputedStyle(G).display&&"hidden"!=getComputedStyle(G).visibility&&j.push(G);return j}static getFirstFocusableElement(y,R){const L=this.getFocusableElements(y,R);return L.length>0?L[0]:null}static getLastFocusableElement(y,R){const L=this.getFocusableElements(y,R);return L.length>0?L[L.length-1]:null}static getNextFocusableElement(y,R=!1){const L=V.getFocusableElements(y);let j=0;if(L&&L.length>0){const G=L.indexOf(L[0].ownerDocument.activeElement);R?j=-1==G||0===G?L.length-1:G-1:-1!=G&&G!==L.length-1&&(j=G+1)}return L[j]}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(y,R){if(!y)return null;switch(y){case"document":return document;case"window":return window;case"@next":return R?.nextElementSibling;case"@prev":return R?.previousElementSibling;case"@parent":return R?.parentElement;case"@grandparent":return R?.parentElement.parentElement;default:const L=typeof y;if("string"===L)return document.querySelector(y);if("object"===L&&y.hasOwnProperty("nativeElement"))return this.isExist(y.nativeElement)?y.nativeElement:void 0;const G=(J=y)&&J.constructor&&J.call&&J.apply?y():y;return G&&9===G.nodeType||this.isExist(G)?G:null}var J}static isClient(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}static getAttribute(y,R){if(y){const L=y.getAttribute(R);return isNaN(L)?"true"===L||"false"===L?"true"===L:L:+L}}static calculateBodyScrollbarWidth(){return window.innerWidth-document.documentElement.offsetWidth}static blockBodyScroll(y="p-overflow-hidden"){document.body.style.setProperty("--scrollbar-width",this.calculateBodyScrollbarWidth()+"px"),this.addClass(document.body,y)}static unblockBodyScroll(y="p-overflow-hidden"){document.body.style.removeProperty("--scrollbar-width"),this.removeClass(document.body,y)}}return V})();class M{element;listener;scrollableParents;constructor(te,y=(()=>{})){this.element=te,this.listener=y}bindScrollListener(){this.scrollableParents=c.getScrollableParents(this.element);for(let te=0;te{P.d(we,{q:()=>V});var c=P(5849),M=P(4713);let V=(()=>{class te extends M.s{static \u0275fac=(()=>{let R;return function(j){return(R||(R=c.n5z(te)))(j||te)}})();static \u0275cmp=c.Xpm({type:te,selectors:[["TimesIcon"]],standalone:!0,features:[c.qOj,c.jDz],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(L,j){1&L&&(c.O4$(),c.TgZ(0,"svg",0),c._UZ(1,"path",1),c.qZA()),2&L&&(c.Tol(j.getClassNames()),c.uIk("aria-label",j.ariaLabel)("aria-hidden",j.ariaHidden)("role",j.role))},encapsulation:2})}return te})()},5609:(ot,we,P)=>{P.d(we,{Iu:()=>j,Ql:()=>L});var c=P(6814),M=P(5849),V=P(95);const te=["input"],y=(G,J,K)=>({"p-inputswitch p-component":!0,"p-inputswitch-checked":G,"p-disabled":J,"p-focus":K}),R={provide:V.JU,useExisting:(0,M.Gpc)(()=>L),multi:!0};let L=(()=>{class G{cd;style;styleClass;tabindex;inputId;name;disabled;readonly;trueValue=!0;falseValue=!1;ariaLabel;ariaLabelledBy;onChange=new M.vpe;input;modelValue=!1;focused=!1;onModelChange=()=>{};onModelTouched=()=>{};constructor(K){this.cd=K}onClick(K){!this.disabled&&!this.readonly&&(this.modelValue=this.checked()?this.falseValue:this.trueValue,this.onModelChange(this.modelValue),this.onChange.emit({originalEvent:K,checked:this.modelValue}),K.preventDefault(),this.input.nativeElement.focus())}onFocus(){this.focused=!0}onBlur(){this.focused=!1,this.onModelTouched()}writeValue(K){this.modelValue=K,this.cd.markForCheck()}registerOnChange(K){this.onModelChange=K}registerOnTouched(K){this.onModelTouched=K}setDisabledState(K){this.disabled=K,this.cd.markForCheck()}checked(){return this.modelValue===this.trueValue}static \u0275fac=function(oe){return new(oe||G)(M.Y36(M.sBO))};static \u0275cmp=M.Xpm({type:G,selectors:[["p-inputSwitch"]],viewQuery:function(oe,fe){if(1&oe&&M.Gf(te,5),2&oe){let Se;M.iGM(Se=M.CRH())&&(fe.input=Se.first)}},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:[M._Bn([R])],decls:5,vars:22,consts:[[3,"ngClass","ngStyle","click"],[1,"p-hidden-accessible"],["type","checkbox","role","switch",3,"checked","disabled","focus","blur"],["input",""],[1,"p-inputswitch-slider"]],template:function(oe,fe){1&oe&&(M.TgZ(0,"div",0),M.NdJ("click",function(ve){return fe.onClick(ve)}),M.TgZ(1,"div",1)(2,"input",2,3),M.NdJ("focus",function(){return fe.onFocus()})("blur",function(){return fe.onBlur()}),M.qZA()(),M._UZ(4,"span",4),M.qZA()),2&oe&&(M.Tol(fe.styleClass),M.Q6J("ngClass",M.kEZ(18,y,fe.checked(),fe.disabled,fe.focused))("ngStyle",fe.style),M.uIk("data-pc-name","inputswitch")("data-pc-section","root"),M.xp6(1),M.uIk("data-pc-section","hiddenInputWrapper")("data-p-hidden-accessible",!0),M.xp6(1),M.Q6J("checked",fe.checked())("disabled",fe.disabled),M.uIk("id",fe.inputId)("aria-checked",fe.checked())("aria-labelledby",fe.ariaLabelledBy)("aria-label",fe.ariaLabel)("name",fe.name)("tabindex",fe.tabindex)("data-pc-section","hiddenInput"),M.xp6(2),M.uIk("data-pc-section","slider"))},dependencies:[c.mk,c.PC],styles:['@layer primeng{.p-inputswitch{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.p-inputswitch-slider{position:absolute;cursor:pointer;inset:0;border:1px solid transparent}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}}\n'],encapsulation:2,changeDetection:0})}return G})(),j=(()=>{class G{static \u0275fac=function(oe){return new(oe||G)};static \u0275mod=M.oAB({type:G});static \u0275inj=M.cJS({imports:[c.ez]})}return G})()},3714:(ot,we,P)=>{P.d(we,{j:()=>y,o:()=>te});var c=P(5849),M=P(6814),V=P(95);let te=(()=>{class R{el;ngModel;cd;filled;constructor(j,G,J){this.el=j,this.ngModel=G,this.cd=J}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}static \u0275fac=function(G){return new(G||R)(c.Y36(c.SBq),c.Y36(V.On,8),c.Y36(c.sBO))};static \u0275dir=c.lG2({type:R,selectors:[["","pInputText",""]],hostAttrs:[1,"p-inputtext","p-component","p-element"],hostVars:2,hostBindings:function(G,J){1&G&&c.NdJ("input",function(oe){return J.onInput(oe)}),2&G&&c.ekj("p-filled",J.filled)}})}return R})(),y=(()=>{class R{static \u0275fac=function(G){return new(G||R)};static \u0275mod=c.oAB({type:R});static \u0275inj=c.cJS({imports:[M.ez]})}return R})()},1865:(ot,we,P)=>{P.d(we,{EU:()=>K,cc:()=>oe});var c=P(6814),M=P(5849),V=P(95);const te=["input"],y=(fe,Se,ve)=>({"p-radiobutton-label":!0,"p-radiobutton-label-active":fe,"p-disabled":Se,"p-radiobutton-label-focus":ve});function R(fe,Se){if(1&fe){const ve=M.EpF();M.TgZ(0,"label",7),M.NdJ("click",function(ze){M.CHM(ve);const pt=M.oxw();return M.KtG(pt.select(ze))}),M._uU(1),M.qZA()}if(2&fe){const ve=M.oxw(),Ge=M.MAs(3);M.Tol(ve.labelStyleClass),M.Q6J("ngClass",M.kEZ(6,y,Ge.checked,ve.disabled,ve.focused)),M.uIk("for",ve.inputId)("data-pc-section","label"),M.xp6(1),M.Oqu(ve.label)}}const L=(fe,Se,ve)=>({"p-radiobutton p-component":!0,"p-radiobutton-checked":fe,"p-radiobutton-disabled":Se,"p-radiobutton-focused":ve}),j=(fe,Se,ve)=>({"p-radiobutton-box":!0,"p-highlight":fe,"p-disabled":Se,"p-focus":ve}),G={provide:V.JU,useExisting:(0,M.Gpc)(()=>K),multi:!0};let J=(()=>{class fe{accessors=[];add(ve,Ge){this.accessors.push([ve,Ge])}remove(ve){this.accessors=this.accessors.filter(Ge=>Ge[1]!==ve)}select(ve){this.accessors.forEach(Ge=>{this.isSameGroup(Ge,ve)&&Ge[1]!==ve&&Ge[1].writeValue(ve.value)})}isSameGroup(ve,Ge){return!!ve[0].control&&ve[0].control.root===Ge.control.control.root&&ve[1].name===Ge.name}static \u0275fac=function(Ge){return new(Ge||fe)};static \u0275prov=M.Yz7({token:fe,factory:fe.\u0275fac,providedIn:"root"})}return fe})(),K=(()=>{class fe{cd;injector;registry;value;formControlName;name;disabled;label;tabindex;inputId;ariaLabelledBy;ariaLabel;style;styleClass;labelStyleClass;onClick=new M.vpe;onFocus=new M.vpe;onBlur=new M.vpe;inputViewChild;onModelChange=()=>{};onModelTouched=()=>{};checked;focused;control;constructor(ve,Ge,ze){this.cd=ve,this.injector=Ge,this.registry=ze}ngOnInit(){this.control=this.injector.get(V.a5),this.checkName(),this.registry.add(this.control,this)}handleClick(ve,Ge,ze){ve.preventDefault(),!this.disabled&&(this.select(ve),ze&&Ge.focus())}select(ve){this.disabled||(this.inputViewChild.nativeElement.checked=!0,this.checked=!0,this.onModelChange(this.value),this.registry.select(this),this.onClick.emit({originalEvent:ve,value:this.value}))}writeValue(ve){this.checked=ve==this.value,this.inputViewChild&&this.inputViewChild.nativeElement&&(this.inputViewChild.nativeElement.checked=this.checked),this.cd.markForCheck()}registerOnChange(ve){this.onModelChange=ve}registerOnTouched(ve){this.onModelTouched=ve}setDisabledState(ve){this.disabled=ve,this.cd.markForCheck()}onInputFocus(ve){this.focused=!0,this.onFocus.emit(ve)}onInputBlur(ve){this.focused=!1,this.onModelTouched(),this.onBlur.emit(ve)}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 ')}static \u0275fac=function(Ge){return new(Ge||fe)(M.Y36(M.sBO),M.Y36(M.zs3),M.Y36(J))};static \u0275cmp=M.Xpm({type:fe,selectors:[["p-radioButton"]],viewQuery:function(Ge,ze){if(1&Ge&&M.Gf(te,5),2&Ge){let pt;M.iGM(pt=M.CRH())&&(ze.inputViewChild=pt.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:[M._Bn([G])],decls:7,vars:29,consts:[[3,"ngStyle","ngClass","click"],[1,"p-hidden-accessible"],["type","radio",3,"checked","disabled","value","focus","blur"],["input",""],[3,"ngClass"],[1,"p-radiobutton-icon"],[3,"class","ngClass","click",4,"ngIf"],[3,"ngClass","click"]],template:function(Ge,ze){if(1&Ge){const pt=M.EpF();M.TgZ(0,"div",0),M.NdJ("click",function(St){M.CHM(pt);const Ee=M.MAs(3);return M.KtG(ze.handleClick(St,Ee,!0))}),M.TgZ(1,"div",1)(2,"input",2,3),M.NdJ("focus",function(St){return ze.onInputFocus(St)})("blur",function(St){return ze.onInputBlur(St)}),M.qZA()(),M.TgZ(4,"div",4),M._UZ(5,"span",5),M.qZA()(),M.YNc(6,R,2,10,"label",6)}2&Ge&&(M.Tol(ze.styleClass),M.Q6J("ngStyle",ze.style)("ngClass",M.kEZ(21,L,ze.checked,ze.disabled,ze.focused)),M.uIk("data-pc-name","radiobutton")("data-pc-section","root"),M.xp6(1),M.uIk("data-pc-section","hiddenInputWrapper"),M.xp6(1),M.Q6J("checked",ze.checked)("disabled",ze.disabled)("value",ze.value),M.uIk("id",ze.inputId)("name",ze.name)("aria-labelledby",ze.ariaLabelledBy)("aria-label",ze.ariaLabel)("tabindex",ze.tabindex)("aria-checked",ze.checked)("data-pc-section","hiddenInput"),M.xp6(2),M.Q6J("ngClass",M.kEZ(25,j,ze.checked,ze.disabled,ze.focused)),M.uIk("data-pc-section","input"),M.xp6(1),M.uIk("data-pc-section","icon"),M.xp6(1),M.Q6J("ngIf",ze.label))},dependencies:[c.mk,c.O5,c.PC],encapsulation:2,changeDetection:0})}return fe})(),oe=(()=>{class fe{static \u0275fac=function(Ge){return new(Ge||fe)};static \u0275mod=M.oAB({type:fe});static \u0275inj=M.cJS({imports:[c.ez]})}return fe})()},4480:(ot,we,P)=>{P.d(we,{H:()=>y,T:()=>R});var c=P(6814),M=P(5849),V=P(2076),te=P(5219);let y=(()=>{class L{document;platformId;renderer;el;zone;config;constructor(G,J,K,oe,fe,Se){this.document=G,this.platformId=J,this.renderer=K,this.el=oe,this.zone=fe,this.config=Se}animationListener;mouseDownListener;timeout;ngAfterViewInit(){(0,c.NF)(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(G){let J=this.getInk();if(!J||"none"===this.document.defaultView?.getComputedStyle(J,null).display)return;if(V.p.removeClass(J,"p-ink-active"),!V.p.getHeight(J)&&!V.p.getWidth(J)){let Se=Math.max(V.p.getOuterWidth(this.el.nativeElement),V.p.getOuterHeight(this.el.nativeElement));J.style.height=Se+"px",J.style.width=Se+"px"}let K=V.p.getOffset(this.el.nativeElement),oe=G.pageX-K.left+this.document.body.scrollTop-V.p.getWidth(J)/2,fe=G.pageY-K.top+this.document.body.scrollLeft-V.p.getHeight(J)/2;this.renderer.setStyle(J,"top",fe+"px"),this.renderer.setStyle(J,"left",oe+"px"),V.p.addClass(J,"p-ink-active"),this.timeout=setTimeout(()=>{let Se=this.getInk();Se&&V.p.removeClass(Se,"p-ink-active")},401)}getInk(){const G=this.el.nativeElement.children;for(let J=0;J{class L{static \u0275fac=function(J){return new(J||L)};static \u0275mod=M.oAB({type:L});static \u0275inj=M.cJS({imports:[c.ez]})}return L})()},9246:(ot,we,P)=>{P.d(we,{Y:()=>He,l:()=>Oe});var c=P(6825),M=P(6814),V=P(5849),te=P(5219),y=P(2076),R=P(7778),L=P(4480),j=P(2332);function G(Ue,ge){1&Ue&&V.GkF(0)}function J(Ue,ge){if(1&Ue&&(V.ynx(0),V.YNc(1,G,1,0,"ng-container",5),V.BQk()),2&Ue){const he=V.oxw(2);V.xp6(1),V.Q6J("ngTemplateOutlet",he.headlessTemplate)}}function K(Ue,ge){1&Ue&&V.GkF(0)}function oe(Ue,ge){1&Ue&&V._UZ(0,"TimesIcon",13),2&Ue&&(V.Q6J("styleClass","p-sidebar-close-icon"),V.uIk("data-pc-section","closeicon"))}function fe(Ue,ge){}function Se(Ue,ge){1&Ue&&V.YNc(0,fe,0,0,"ng-template")}function ve(Ue,ge){if(1&Ue&&(V.TgZ(0,"span",14),V.YNc(1,Se,1,0,null,5),V.qZA()),2&Ue){const he=V.oxw(4);V.uIk("data-pc-section","closeicon"),V.xp6(1),V.Q6J("ngTemplateOutlet",he.closeIconTemplate)}}function Ge(Ue,ge){if(1&Ue){const he=V.EpF();V.TgZ(0,"button",10),V.NdJ("click",function(rt){V.CHM(he);const Dt=V.oxw(3);return V.KtG(Dt.close(rt))})("keydown.enter",function(rt){V.CHM(he);const Dt=V.oxw(3);return V.KtG(Dt.close(rt))}),V.YNc(1,oe,1,2,"TimesIcon",11)(2,ve,2,2,"span",12),V.qZA()}if(2&Ue){const he=V.oxw(3);V.uIk("aria-label",he.ariaCloseLabel)("data-pc-section","closebutton")("data-pc-group-section","iconcontainer"),V.xp6(1),V.Q6J("ngIf",!he.closeIconTemplate),V.xp6(1),V.Q6J("ngIf",he.closeIconTemplate)}}function ze(Ue,ge){1&Ue&&V.GkF(0)}function pt(Ue,ge){1&Ue&&V.GkF(0)}function Nt(Ue,ge){if(1&Ue&&(V.ynx(0),V.TgZ(1,"div",15),V.YNc(2,pt,1,0,"ng-container",5),V.qZA(),V.BQk()),2&Ue){const he=V.oxw(3);V.xp6(1),V.uIk("data-pc-section","footer"),V.xp6(1),V.Q6J("ngTemplateOutlet",he.footerTemplate)}}function St(Ue,ge){if(1&Ue&&(V.TgZ(0,"div",6),V.YNc(1,K,1,0,"ng-container",5)(2,Ge,3,5,"button",7),V.qZA(),V.TgZ(3,"div",8),V.Hsn(4),V.YNc(5,ze,1,0,"ng-container",5),V.qZA(),V.YNc(6,Nt,3,2,"ng-container",9)),2&Ue){const he=V.oxw(2);V.uIk("data-pc-section","header"),V.xp6(1),V.Q6J("ngTemplateOutlet",he.headerTemplate),V.xp6(1),V.Q6J("ngIf",he.showCloseIcon),V.xp6(1),V.uIk("data-pc-section","content"),V.xp6(2),V.Q6J("ngTemplateOutlet",he.contentTemplate),V.xp6(1),V.Q6J("ngIf",he.footerTemplate)}}const Ee=(Ue,ge,he,Ve,rt,Dt)=>({"p-sidebar":!0,"p-sidebar-active":Ue,"p-sidebar-left":ge,"p-sidebar-right":he,"p-sidebar-top":Ve,"p-sidebar-bottom":rt,"p-sidebar-full":Dt}),Ae=(Ue,ge)=>({transform:Ue,transition:ge}),Ie=Ue=>({value:"visible",params:Ue});function Re(Ue,ge){if(1&Ue){const he=V.EpF();V.TgZ(0,"div",1,2),V.NdJ("@panelState.start",function(rt){V.CHM(he);const Dt=V.oxw();return V.KtG(Dt.onAnimationStart(rt))})("@panelState.done",function(rt){V.CHM(he);const Dt=V.oxw();return V.KtG(Dt.onAnimationEnd(rt))})("keydown",function(rt){V.CHM(he);const Dt=V.oxw();return V.KtG(Dt.onKeyDown(rt))}),V.YNc(2,J,2,1,"ng-container",3)(3,St,7,6,"ng-template",null,4,V.W1O),V.qZA()}if(2&Ue){const he=V.MAs(4),Ve=V.oxw();V.Tol(Ve.styleClass),V.Q6J("ngClass",V.HTZ(10,Ee,Ve.visible,"left"===Ve.position&&!Ve.fullScreen,"right"===Ve.position&&!Ve.fullScreen,"top"===Ve.position&&!Ve.fullScreen,"bottom"===Ve.position&&!Ve.fullScreen,Ve.fullScreen))("@panelState",V.VKq(20,Ie,V.WLB(17,Ae,Ve.transformOptions,Ve.transitionOptions)))("ngStyle",Ve.style),V.uIk("data-pc-name","sidebar")("data-pc-section","root")("aria-modal",Ve.modal),V.xp6(2),V.Q6J("ngIf",Ve.headlessTemplate)("ngIfElse",he)}}const Ne=["*"],ye=(0,c.oQ)([(0,c.oB)({transform:"{{transform}}",opacity:0}),(0,c.jt)("{{transition}}")]),se=(0,c.oQ)([(0,c.jt)("{{transition}}",(0,c.oB)({transform:"{{transform}}",opacity:0}))]);let He=(()=>{class Ue{document;el;renderer;cd;config;appendTo;blockScroll=!1;style;styleClass;ariaCloseLabel;autoZIndex=!0;baseZIndex=0;modal=!0;dismissible=!0;showCloseIcon=!0;closeOnEscape=!0;transitionOptions="150ms cubic-bezier(0, 0, 0.2, 1)";get visible(){return this._visible}set visible(he){this._visible=he}get position(){return this._position}set position(he){switch(this._position=he,he){case"left":this.transformOptions="translate3d(-100%, 0px, 0px)";break;case"right":this.transformOptions="translate3d(100%, 0px, 0px)";break;case"bottom":this.transformOptions="translate3d(0px, 100%, 0px)";break;case"top":this.transformOptions="translate3d(0px, -100%, 0px)"}}get fullScreen(){return this._fullScreen}set fullScreen(he){this._fullScreen=he,he&&(this.transformOptions="none")}templates;onShow=new V.vpe;onHide=new V.vpe;visibleChange=new V.vpe;initialized;_visible;_position="left";_fullScreen=!1;container;transformOptions="translate3d(-100%, 0px, 0px)";mask;maskClickListener;documentEscapeListener;animationEndListener;contentTemplate;headerTemplate;footerTemplate;closeIconTemplate;headlessTemplate;constructor(he,Ve,rt,Dt,ae){this.document=he,this.el=Ve,this.renderer=rt,this.cd=Dt,this.config=ae}ngAfterViewInit(){this.initialized=!0}ngAfterContentInit(){this.templates?.forEach(he=>{switch(he.getType()){case"content":default:this.contentTemplate=he.template;break;case"header":this.headerTemplate=he.template;break;case"footer":this.footerTemplate=he.template;break;case"closeicon":this.closeIconTemplate=he.template;break;case"headless":this.headlessTemplate=he.template}})}onKeyDown(he){"Escape"===he.code&&this.hide(!1)}show(){this.autoZIndex&&j.P9.set("modal",this.container,this.baseZIndex||this.config.zIndex.modal),this.modal&&this.enableModality(),this.onShow.emit({}),this.visibleChange.emit(!0)}hide(he=!0){he&&this.onHide.emit({}),this.modal&&this.disableModality()}close(he){this.hide(!1),this.visibleChange.emit(!1),he.preventDefault()}enableModality(){this.mask||(this.mask=this.renderer.createElement("div"),this.renderer.setStyle(this.mask,"zIndex",String(parseInt(this.container.style.zIndex)-1)),y.p.addMultipleClasses(this.mask,"p-component-overlay p-sidebar-mask p-component-overlay p-component-overlay-enter"),this.dismissible&&(this.maskClickListener=this.renderer.listen(this.mask,"click",he=>{this.dismissible&&this.close(he)})),this.renderer.appendChild(this.document.body,this.mask),this.blockScroll&&y.p.blockBodyScroll())}disableModality(){this.mask&&(y.p.addClass(this.mask,"p-component-overlay-leave"),this.animationEndListener=this.renderer.listen(this.mask,"animationend",this.destroyModal.bind(this)))}destroyModal(){this.unbindMaskClickListener(),this.mask&&this.renderer.removeChild(this.document.body,this.mask),this.blockScroll&&y.p.unblockBodyScroll(),this.unbindAnimationEndListener(),this.mask=null}onAnimationStart(he){"visible"===he.toState&&(this.container=he.element,this.appendContainer(),this.show(),this.closeOnEscape&&this.bindDocumentEscapeListener())}onAnimationEnd(he){"void"===he.toState&&(this.hide(),j.P9.clear(this.container),this.unbindGlobalListeners())}appendContainer(){this.appendTo&&("body"===this.appendTo?this.renderer.appendChild(this.document.body,this.container):y.p.appendChild(this.container,this.appendTo))}bindDocumentEscapeListener(){this.documentEscapeListener=this.renderer.listen(this.el?this.el.nativeElement.ownerDocument:this.document,"keydown",Ve=>{27==Ve.which&&parseInt(this.container.style.zIndex)===j.P9.get(this.container)&&this.close(Ve)})}unbindDocumentEscapeListener(){this.documentEscapeListener&&(this.documentEscapeListener(),this.documentEscapeListener=null)}unbindMaskClickListener(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)}unbindGlobalListeners(){this.unbindMaskClickListener(),this.unbindDocumentEscapeListener()}unbindAnimationEndListener(){this.animationEndListener&&this.mask&&(this.animationEndListener(),this.animationEndListener=null)}ngOnDestroy(){this.initialized=!1,this.visible&&this.modal&&this.destroyModal(),this.appendTo&&this.container&&this.renderer.appendChild(this.el.nativeElement,this.container),this.container&&this.autoZIndex&&j.P9.clear(this.container),this.container=null,this.unbindGlobalListeners(),this.unbindAnimationEndListener()}static \u0275fac=function(Ve){return new(Ve||Ue)(V.Y36(M.K0),V.Y36(V.SBq),V.Y36(V.Qsj),V.Y36(V.sBO),V.Y36(te.b4))};static \u0275cmp=V.Xpm({type:Ue,selectors:[["p-sidebar"]],contentQueries:function(Ve,rt,Dt){if(1&Ve&&V.Suo(Dt,te.jx,4),2&Ve){let ae;V.iGM(ae=V.CRH())&&(rt.templates=ae)}},hostAttrs:[1,"p-element"],inputs:{appendTo:"appendTo",blockScroll:"blockScroll",style:"style",styleClass:"styleClass",ariaCloseLabel:"ariaCloseLabel",autoZIndex:"autoZIndex",baseZIndex:"baseZIndex",modal:"modal",dismissible:"dismissible",showCloseIcon:"showCloseIcon",closeOnEscape:"closeOnEscape",transitionOptions:"transitionOptions",visible:"visible",position:"position",fullScreen:"fullScreen"},outputs:{onShow:"onShow",onHide:"onHide",visibleChange:"visibleChange"},ngContentSelectors:Ne,decls:1,vars:1,consts:[["role","complementary",3,"ngClass","ngStyle","class","keydown",4,"ngIf"],["role","complementary",3,"ngClass","ngStyle","keydown"],["container",""],[4,"ngIf","ngIfElse"],["notHeadless",""],[4,"ngTemplateOutlet"],[1,"p-sidebar-header"],["type","button","class","p-sidebar-close p-sidebar-icon p-link","pRipple","",3,"click","keydown.enter",4,"ngIf"],[1,"p-sidebar-content"],[4,"ngIf"],["type","button","pRipple","",1,"p-sidebar-close","p-sidebar-icon","p-link",3,"click","keydown.enter"],[3,"styleClass",4,"ngIf"],["class","p-sidebar-close-icon",4,"ngIf"],[3,"styleClass"],[1,"p-sidebar-close-icon"],[1,"p-sidebar-footer"]],template:function(Ve,rt){1&Ve&&(V.F$t(),V.YNc(0,Re,5,22,"div",0)),2&Ve&&V.Q6J("ngIf",rt.visible)},dependencies:()=>[M.mk,M.O5,M.tP,M.PC,L.H,R.q],styles:["@layer primeng{.p-sidebar{position:fixed;transition:transform .3s;display:flex;flex-direction:column}.p-sidebar-content{position:relative;overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center}.p-sidebar-footer{margin-top:auto}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;margin-left:auto}.p-sidebar-left{top:0;left:0;width:20rem;height:100%}.p-sidebar-right{top:0;right:0;width:20rem;height:100%}.p-sidebar-top{top:0;left:0;width:100%;height:10rem}.p-sidebar-bottom{bottom:0;left:0;width:100%;height:10rem}.p-sidebar-full{width:100%;height:100%;top:0;left:0;transition:none}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-top.p-sidebar-sm,.p-sidebar-bottom.p-sidebar-sm{height:10rem}.p-sidebar-top.p-sidebar-md,.p-sidebar-bottom.p-sidebar-md{height:20rem}.p-sidebar-top.p-sidebar-lg,.p-sidebar-bottom.p-sidebar-lg{height:30rem}@media screen and (max-width: 64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}}\n"],encapsulation:2,data:{animation:[(0,c.X$)("panelState",[(0,c.eR)("void => visible",[(0,c._7)(ye)]),(0,c.eR)("visible => void",[(0,c._7)(se)])])]},changeDetection:0})}return Ue})(),Oe=(()=>{class Ue{static \u0275fac=function(Ve){return new(Ve||Ue)};static \u0275mod=V.oAB({type:Ue});static \u0275inj=V.cJS({imports:[M.ez,L.T,te.m8,R.q,te.m8]})}return Ue})()},2332:(ot,we,P)=>{P.d(we,{P9:()=>y,Th:()=>V,gb:()=>c});class c{static equals(L,j,G){return G?this.resolveFieldData(L,G)===this.resolveFieldData(j,G):this.equalsByValue(L,j)}static equalsByValue(L,j){if(L===j)return!0;if(L&&j&&"object"==typeof L&&"object"==typeof j){var K,oe,fe,G=Array.isArray(L),J=Array.isArray(j);if(G&&J){if((oe=L.length)!=j.length)return!1;for(K=oe;0!=K--;)if(!this.equalsByValue(L[K],j[K]))return!1;return!0}if(G!=J)return!1;var Se=this.isDate(L),ve=this.isDate(j);if(Se!=ve)return!1;if(Se&&ve)return L.getTime()==j.getTime();var Ge=L instanceof RegExp,ze=j instanceof RegExp;if(Ge!=ze)return!1;if(Ge&&ze)return L.toString()==j.toString();var pt=Object.keys(L);if((oe=pt.length)!==Object.keys(j).length)return!1;for(K=oe;0!=K--;)if(!Object.prototype.hasOwnProperty.call(j,pt[K]))return!1;for(K=oe;0!=K--;)if(!this.equalsByValue(L[fe=pt[K]],j[fe]))return!1;return!0}return L!=L&&j!=j}static resolveFieldData(L,j){if(L&&j){if(this.isFunction(j))return j(L);if(-1==j.indexOf("."))return L[j];{let G=j.split("."),J=L;for(let K=0,oe=G.length;K=L.length&&(G%=L.length,j%=L.length),L.splice(G,0,L.splice(j,1)[0]))}static insertIntoOrderedArray(L,j,G,J){if(G.length>0){let K=!1;for(let oe=0;oej){G.splice(oe,0,L),K=!0;break}K||G.push(L)}else G.push(L)}static findIndexInList(L,j){let G=-1;if(j)for(let J=0;J-1&&(L=L.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")),L}static isDate(L){return"[object Date]"===Object.prototype.toString.call(L)}static isEmpty(L){return null==L||""===L||Array.isArray(L)&&0===L.length||!this.isDate(L)&&"object"==typeof L&&0===Object.keys(L).length}static isNotEmpty(L){return!this.isEmpty(L)}static compare(L,j,G,J=1){let K=-1;const oe=this.isEmpty(L),fe=this.isEmpty(j);return K=oe&&fe?0:oe?J:fe?-J:"string"==typeof L&&"string"==typeof j?L.localeCompare(j,G,{numeric:!0}):Lj?1:0,K}static sort(L,j,G=1,J,K=1){const oe=c.compare(L,j,J,G);let fe=G;return(c.isEmpty(L)||c.isEmpty(j))&&(fe=1===K?G:K),fe*oe}static merge(L,j){if(null!=L||null!=j)return null!=L&&"object"!=typeof L||null!=j&&"object"!=typeof j?null!=L&&"string"!=typeof L||null!=j&&"string"!=typeof j?j||L:[L||"",j||""].join(" "):{...L||{},...j||{}}}static isPrintableCharacter(L=""){return this.isNotEmpty(L)&&1===L.length&&L.match(/\S| /)}static getItemValue(L,...j){return this.isFunction(L)?L(...j):L}static findLastIndex(L,j){let G=-1;if(this.isNotEmpty(L))try{G=L.findLastIndex(j)}catch{G=L.lastIndexOf([...L].reverse().find(j))}return G}static findLast(L,j){let G;if(this.isNotEmpty(L))try{G=L.findLast(j)}catch{G=[...L].reverse().find(j)}return G}}var M=0;function V(R="pn_id_"){return`${R}${++M}`}var y=function te(){let R=[];const J=K=>K&&parseInt(K.style.zIndex,10)||0;return{get:J,set:(K,oe,fe)=>{oe&&(oe.style.zIndex=String(((K,oe)=>{let fe=R.length>0?R[R.length-1]:{key:K,value:oe},Se=fe.value+(fe.key===K?0:oe)+2;return R.push({key:K,value:Se}),Se})(K,fe)))},clear:K=>{K&&((K=>{R=R.filter(oe=>oe.value!==K)})(J(K)),K.style.zIndex="")},getCurrent:()=>R.length>0?R[R.length-1].value:0}}()},5861:(ot,we,P)=>{function c(V,te,y,R,L,j,G){try{var J=V[j](G),K=J.value}catch(oe){return void y(oe)}J.done?te(K):Promise.resolve(K).then(R,L)}function M(V){return function(){var te=this,y=arguments;return new Promise(function(R,L){var j=V.apply(te,y);function G(K){c(j,R,L,G,J,"next",K)}function J(K){c(j,R,L,G,J,"throw",K)}G(void 0)})}}P.d(we,{Z:()=>M})},7582:(ot,we,P)=>{function oe(ae,me,be,De){return new(be||(be=Promise))(function(je,gt){function It(Wt){try{Xe(De.next(Wt))}catch(yn){gt(yn)}}function mn(Wt){try{Xe(De.throw(Wt))}catch(yn){gt(yn)}}function Xe(Wt){Wt.done?je(Wt.value):function ke(je){return je instanceof be?je:new be(function(gt){gt(je)})}(Wt.value).then(It,mn)}Xe((De=De.apply(ae,me||[])).next())})}function Ee(ae){return this instanceof Ee?(this.v=ae,this):new Ee(ae)}function Ae(ae,me,be){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var ke,De=be.apply(ae,me||[]),je=[];return ke={},gt("next"),gt("throw"),gt("return"),ke[Symbol.asyncIterator]=function(){return this},ke;function gt(rn){De[rn]&&(ke[rn]=function(dn){return new Promise(function(kn,sn){je.push([rn,dn,kn,sn])>1||It(rn,dn)})})}function It(rn,dn){try{!function mn(rn){rn.value instanceof Ee?Promise.resolve(rn.value.v).then(Xe,Wt):yn(je[0][2],rn)}(De[rn](dn))}catch(kn){yn(je[0][3],kn)}}function Xe(rn){It("next",rn)}function Wt(rn){It("throw",rn)}function yn(rn,dn){rn(dn),je.shift(),je.length&&It(je[0][0],je[0][1])}}function Re(ae){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var be,me=ae[Symbol.asyncIterator];return me?me.call(ae):(ae=function Ge(ae){var me="function"==typeof Symbol&&Symbol.iterator,be=me&&ae[me],De=0;if(be)return be.call(ae);if(ae&&"number"==typeof ae.length)return{next:function(){return ae&&De>=ae.length&&(ae=void 0),{value:ae&&ae[De++],done:!ae}}};throw new TypeError(me?"Object is not iterable.":"Symbol.iterator is not defined.")}(ae),be={},De("next"),De("throw"),De("return"),be[Symbol.asyncIterator]=function(){return this},be);function De(je){be[je]=ae[je]&&function(gt){return new Promise(function(It,mn){!function ke(je,gt,It,mn){Promise.resolve(mn).then(function(Xe){je({value:Xe,done:It})},gt)}(It,mn,(gt=ae[je](gt)).done,gt.value)})}}}P.d(we,{FC:()=>Ae,KL:()=>Re,mG:()=>oe,qq:()=>Ee}),"function"==typeof SuppressedError&&SuppressedError}},ot=>{ot(ot.s=9473)}]); \ No newline at end of file diff --git a/tiles/polyfills.55dab8c2755e0356.js b/tiles/polyfills.55dab8c2755e0356.js deleted file mode 100644 index 5e2b71c..0000000 --- a/tiles/polyfills.55dab8c2755e0356.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunktiles=self.webpackChunktiles||[]).push([[429],{8332:()=>{!function(e){const n=e.performance;function i(L){n&&n.mark&&n.mark(L)}function o(L,T){n&&n.measure&&n.measure(L,T)}i("Zone");const c=e.__Zone_symbol_prefix||"__zone_symbol__";function a(L){return c+L}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 L{static#e=this.__symbol__=a;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=L.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,L,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 m(I,t,r,k,C,void 0))}scheduleMacroTask(t,r,k,C,$){return this.scheduleTask(new m(P,t,r,k,C,$))}scheduleEventTask(t,r,k,C,$){return this.scheduleTask(new m(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;CL.hasTask(t,r),onScheduleTask:(L,T,t,r)=>L.scheduleTask(t,r),onInvokeTask:(L,T,t,r,k,C)=>L.invokeTask(t,r,k,C),onCancelTask:(L,T,t,r)=>L.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 m{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?m.invokeTask:function(){return m.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 M=a("setTimeout"),O=a("Promise"),N=a("then");let K,B=[],H=!1;function q(L){if(K||e[O]&&(K=e[O].resolve(0)),K){let T=K[N];T||(T=K.then),T.call(K,L)}else e[M](L,0)}function R(L){0===ee&&0===B.length&&q(_),L&&B.push(L)}function _(){if(!H){for(H=!0;B.length;){const L=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}(globalThis);const ue=Object.getOwnPropertyDescriptor,me=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",pe=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||globalThis,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 m=this;!m&&e===Y&&(m=Y),m&&("function"==typeof m[b]&&m.removeEventListener(d,Ue),y&&y.call(m,null),m[b]=v,"function"==typeof v&&m.addEventListener(d,Ue,!1))},o.get=function(){let v=this;if(!v&&e===Y&&(v=Y),!v)return null;const m=v[b];if(m)return m;if(a){let M=a.call(this);if(M)return o.set.call(this,M),"function"==typeof v[ct]&&v.removeAttribute(n),M}return null},me(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=!1!==e[y("DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION")],v=y("Promise"),m=y("then"),M="__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 p=n.currentTask&&n.currentTask.data&&n.currentTask.data[M];p&&c(s,oe,{configurable:!0,enumerable:!1,writable:!0,value:p})}for(let p=0;p{try{const S=l[R],Z=!!s&&_===s[_];Z&&(s[J]=S,s[x]=w);const D=u.run(p,void 0,Z&&p!==K&&p!==H?[]:[S]);z(s,!0,D)}catch(S){z(s,!1,S)}},s)}const L=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 p of u)f++,s.push(t.resolve(p))}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((p,S)=>{for(let Z=0;Z{g||(g=!0,p(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 p(S){f(S)}for(let S of u)B(S)||(S=this.resolve(S)),S.then(w,p);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}),p=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,p--,0===p&&f(Z)},F=>{s?(Z[V]=s.errorCallback(F),p--,0===p&&f(Z)):g(F)})}catch(F){g(F)}p++,S++}return p-=2,0===p&&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(L),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(L);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[m]=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 m=e[o];if(m)return n.call(m)}if(this===Error){const m=e[c];if(m)return n.call(m)}}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("^"+pe+"(\\w+)(true|false)$"),$e=j("propagationStopped");function Je(e,n){const i=(n?n(e):e)+ce,o=(n?n(e):e)+ie,c=pe+i,a=pe+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+":",m="prependListener",M="."+m+":",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 p=0;pfunction(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(m){const M=`${i}.${o}::`+m,O=b.prototype;try{if(O.hasOwnProperty(m)){const N=e.ObjectGetOwnPropertyDescriptor(O,m);N&&N.value?(N.value=e.wrapWithCurrentZone(N.value,M),e._redefineProperty(b.prototype,m,N)):O[m]&&(O[m]=e.wrapWithCurrentZone(O[m],M))}else O[m]&&(O[m]=e.wrapWithCurrentZone(O[m],M))}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=me,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:pe,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 m=v.data;return m.args[0]=function(){return v.invoke.apply(this,arguments)},m.handleId=c.apply(e,m.args),v}function b(v){return a.call(e,v.data.handleId)}c=ae(e,n+=o,v=>function(m,M){if("function"==typeof M[0]){const O={isPeriodic:"Interval"===o,delay:"Timeout"===o||"Interval"===o?M[1]||0:void 0,args:M},N=M[0];M[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,M[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,M)}),a=ae(e,i,v=>function(m,M){const O=M[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,M)})}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 pt(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 mt(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 m=v.XMLHttpRequest;if(!m)return;const M=m.prototype;let N=M[Oe],B=M[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(M,"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(M,"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/tiles/poppins-v20-latin-500.7777133e901cd5ed.woff2 b/tiles/poppins-v20-latin-500.7777133e901cd5ed.woff2 deleted file mode 100644 index c660336..0000000 Binary files a/tiles/poppins-v20-latin-500.7777133e901cd5ed.woff2 and /dev/null differ diff --git a/tiles/poppins-v20-latin-500.c470b7dc7aae588c.woff b/tiles/poppins-v20-latin-500.c470b7dc7aae588c.woff deleted file mode 100644 index f033442..0000000 Binary files a/tiles/poppins-v20-latin-500.c470b7dc7aae588c.woff and /dev/null differ diff --git a/tiles/poppins-v20-latin-600.bcc8b08c5d6990ea.woff b/tiles/poppins-v20-latin-600.bcc8b08c5d6990ea.woff deleted file mode 100644 index 2370956..0000000 Binary files a/tiles/poppins-v20-latin-600.bcc8b08c5d6990ea.woff and /dev/null differ diff --git a/tiles/poppins-v20-latin-600.d869208648ca5469.woff2 b/tiles/poppins-v20-latin-600.d869208648ca5469.woff2 deleted file mode 100644 index 921e962..0000000 Binary files a/tiles/poppins-v20-latin-600.d869208648ca5469.woff2 and /dev/null differ diff --git a/tiles/poppins-v20-latin-700.9a881e2ac07d406b.woff2 b/tiles/poppins-v20-latin-700.9a881e2ac07d406b.woff2 deleted file mode 100644 index bf022fc..0000000 Binary files a/tiles/poppins-v20-latin-700.9a881e2ac07d406b.woff2 and /dev/null differ diff --git a/tiles/poppins-v20-latin-700.9be4fa064d0232ea.woff b/tiles/poppins-v20-latin-700.9be4fa064d0232ea.woff deleted file mode 100644 index b8b8ce5..0000000 Binary files a/tiles/poppins-v20-latin-700.9be4fa064d0232ea.woff and /dev/null differ diff --git a/tiles/poppins-v20-latin-regular.916d3686010a8de2.woff2 b/tiles/poppins-v20-latin-regular.916d3686010a8de2.woff2 deleted file mode 100644 index b69e009..0000000 Binary files a/tiles/poppins-v20-latin-regular.916d3686010a8de2.woff2 and /dev/null differ diff --git a/tiles/poppins-v20-latin-regular.cc7a20fdd134ce3b.woff b/tiles/poppins-v20-latin-regular.cc7a20fdd134ce3b.woff deleted file mode 100644 index 2a04ae3..0000000 Binary files a/tiles/poppins-v20-latin-regular.cc7a20fdd134ce3b.woff and /dev/null differ diff --git a/tiles/primeicons.0112589c5695a9ed.ttf b/tiles/primeicons.0112589c5695a9ed.ttf deleted file mode 100644 index 4fd92dc..0000000 Binary files a/tiles/primeicons.0112589c5695a9ed.ttf and /dev/null differ diff --git a/tiles/primeicons.943ab24c43224d29.svg b/tiles/primeicons.943ab24c43224d29.svg deleted file mode 100644 index eea3f4a..0000000 --- a/tiles/primeicons.943ab24c43224d29.svg +++ /dev/null @@ -1,292 +0,0 @@ - - - - - - -{ - "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/tiles/primeicons.ba3f916dfb64be8c.woff2 b/tiles/primeicons.ba3f916dfb64be8c.woff2 deleted file mode 100644 index 093ccee..0000000 Binary files a/tiles/primeicons.ba3f916dfb64be8c.woff2 and /dev/null differ diff --git a/tiles/primeicons.f8b9e8a4e401b603.woff b/tiles/primeicons.f8b9e8a4e401b603.woff deleted file mode 100644 index 8dfdf0e..0000000 Binary files a/tiles/primeicons.f8b9e8a4e401b603.woff and /dev/null differ diff --git a/tiles/primeicons.ffecb2549ad1765a.eot b/tiles/primeicons.ffecb2549ad1765a.eot deleted file mode 100644 index 9de56ff..0000000 Binary files a/tiles/primeicons.ffecb2549ad1765a.eot and /dev/null differ diff --git a/tiles/runtime.e20e1cd6d9b5f3d5.js b/tiles/runtime.e20e1cd6d9b5f3d5.js deleted file mode 100644 index 7594a24..0000000 --- a/tiles/runtime.e20e1cd6d9b5f3d5.js +++ /dev/null @@ -1 +0,0 @@ -(()=>{"use strict";var e,v={},m={};function r(e){var i=m[e];if(void 0!==i)return i.exports;var t=m[e]={exports:{}};return v[e].call(t.exports,t,t.exports,r),t.exports}r.m=v,e=[],r.O=(i,t,f,d)=>{if(!t){var a=1/0;for(n=0;n=d)&&Object.keys(r.O).every(p=>r.O[p](t[o]))?t.splice(o--,1):(u=!1,d0&&e[n-1][2]>d;n--)e[n]=e[n-1];e[n]=[t,f,d]},r.d=(e,i)=>{for(var t in i)r.o(i,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:i[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((i,t)=>(r.f[t](e,i),i),[])),r.u=e=>(592===e?"common":e)+"."+{43:"1a7c9b1a00d01b1c",54:"d8be6e9e9a3e8f93",105:"77d04a72a7814d40",111:"719adc28932534d9",423:"72d7dad75de6cdd5",426:"aab08f475beaa17b",446:"d62f6889f8d0ffb1",476:"f2693289d607efb3",514:"04d70d7e0d607baf",592:"bf4ab113bbefc42c",632:"43cb2ff7d5a9a252",798:"1c8ca14f4f638c00",827:"e284d465785f8cd6",938:"52e0cbfdc5a2688f",999:"7c5260c9fb679edd"}[e]+".js",r.miniCssF=e=>{},r.o=(e,i)=>Object.prototype.hasOwnProperty.call(e,i),(()=>{var e={},i="tiles:";r.l=(t,f,d,n)=>{if(e[t])e[t].push(f);else{var a,u;if(void 0!==d)for(var o=document.getElementsByTagName("script"),l=0;l{a.onerror=a.onload=null,clearTimeout(b);var h=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),h&&h.forEach(y=>y(p)),g)return g(p)},b=setTimeout(s.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=s.bind(null,a.onerror),a.onload=s.bind(null,a.onload),u&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:i=>i},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={666:0};r.f.j=(f,d)=>{var n=r.o(e,f)?e[f]:void 0;if(0!==n)if(n)d.push(n[2]);else if(666!=f){var a=new Promise((c,s)=>n=e[f]=[c,s]);d.push(n[2]=a);var u=r.p+r.u(f),o=new Error;r.l(u,c=>{if(r.o(e,f)&&(0!==(n=e[f])&&(e[f]=void 0),n)){var s=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;o.message="Loading chunk "+f+" failed.\n("+s+": "+b+")",o.name="ChunkLoadError",o.type=s,o.request=b,n[1](o)}},"chunk-"+f,f)}else e[f]=0},r.O.j=f=>0===e[f];var i=(f,d)=>{var o,l,[n,a,u]=d,c=0;if(n.some(b=>0!==e[b])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(u)var s=u(r)}for(f&&f(d);c.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%}}@layer primeng{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer primeng{.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.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer primeng{.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{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}}@layer primeng{.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)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.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;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"}/*! - * Quill Editor v1.3.7 - * https://quilljs.com/ - * Copyright (c) 2014, Jason Chen - * Copyright (c) 2013, salesforce.com - */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}span.flag{width:44px;height:30px;display:inline-block}img.flag{width:30px}.flag{background:url(flags_responsive.2aca9e17ea53881b.png) no-repeat;background-size:100%;vertical-align:middle}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:grabbing}.ol-grab{cursor:move;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:local(""),url(poppins-v20-latin-regular.916d3686010a8de2.woff2) format("woff2"),url(poppins-v20-latin-regular.cc7a20fdd134ce3b.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:local(""),url(poppins-v20-latin-500.7777133e901cd5ed.woff2) format("woff2"),url(poppins-v20-latin-500.c470b7dc7aae588c.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:local(""),url(poppins-v20-latin-600.d869208648ca5469.woff2) format("woff2"),url(poppins-v20-latin-600.bcc8b08c5d6990ea.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:local(""),url(poppins-v20-latin-700.9a881e2ac07d406b.woff2) format("woff2"),url(poppins-v20-latin-700.9be4fa064d0232ea.woff) format("woff")}@keyframes px-mask-in{0%{background-color:transparent}to{background-color:var(--maskbg)}}@keyframes px-scalein{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes px-fadein{0%{opacity:0}to{opacity:1}}@keyframes px-fadeout{0%{opacity:1}to{opacity:0}}.px-scalein{animation:px-scalein .12s cubic-bezier(0,0,.2,1)}.px-fadein{animation:px-fadein .15s linear}.px-fadeout{animation:px-fadeout .15s linear}.layout-light{--sidebar-shadow: 0px 4px 50px #D9DDFC;--sidebar-border: 1px solid transparent;--card-shadow: 0px 4px 30px rgba(221, 224, 255, .54)}.layout-dim,.layout-dark{--sidebar-shadow: none;--sidebar-border: 1px solid var(--surface-border);--card-shadow: none}*{box-sizing:border-box}html{height:100%;font-size:14px}body{font-weight:400;padding:0;margin:0;min-height:100%;background:var(--surface-ground);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}.layout-container{min-height:100vh}.layout-sidebar{position:fixed;height:100%;top:0;left:0;width:18rem;background:var(--menu-bg);border-right:var(--sidebar-border);box-shadow:var(--sidebar-shadow);display:flex;flex-direction:column}.layout-sidebar .sidebar-header{padding:2.5rem 0 2rem;display:flex;justify-content:center;align-items:center}.layout-sidebar .sidebar-header .app-logo .app-logo-normal{display:inline;width:124px;height:22px}.layout-sidebar .sidebar-header .app-logo .app-logo-small{display:none}.layout-sidebar .layout-menu-container{overflow:auto;flex:1;padding-bottom:2rem}.layout-sidebar .layout-menu{margin:0;padding:0;list-style-type:none}.layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{font-size:.857rem;text-transform:uppercase;font-weight:700;color:var(--root-menuitem-text-color);padding:1rem 2rem}.layout-sidebar .layout-menu .layout-root-menuitem>a{display:none}.layout-sidebar .layout-menu a{-webkit-user-select:none;user-select:none}.layout-sidebar .layout-menu a.active-menuitem>.layout-submenu-toggler{transform:rotate(-180deg)}.layout-sidebar .layout-menu li.active-menuitem>a .layout-submenu-toggler{transform:rotate(-180deg)}.layout-sidebar .layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-sidebar .layout-menu ul a{display:flex;align-items:center;position:relative;outline:0 none;color:var(--menuitem-text-color);cursor:pointer;padding:.75rem 2rem;transition:background-color var(--transition-duration),box-shadow var(--transition-duration)}.layout-sidebar .layout-menu ul a .layout-menuitem-icon{margin-right:.5rem;color:var(--menuitem-icon-color)}.layout-sidebar .layout-menu ul a .layout-submenu-toggler{font-size:75%;margin-left:auto;transition:transform var(--transition-duration)}.layout-sidebar .layout-menu ul a.active-route{font-weight:700}.layout-sidebar .layout-menu ul a:hover{background-color:var(--menuitem-hover-bg-color)}.layout-sidebar .layout-menu ul ul{overflow:hidden;border-radius:var(--border-radius)}.layout-sidebar .layout-menu ul ul li a{padding-left:2.5rem}.layout-sidebar .layout-menu ul ul li li a{padding-left:3rem}.layout-sidebar .layout-menu ul ul li li li a{padding-left:3.5rem}.layout-sidebar .layout-menu ul ul li li li li a{padding-left:4rem}.layout-sidebar .layout-menu ul ul li li li li li a{padding-left:5.5rem}.layout-sidebar .layout-menu ul ul li li li li li li a{padding-left:5rem}@media screen and (min-width: 992px){.layout-container.layout-slim .layout-topbar .topbar-menubutton,.layout-container.layout-slim .sidebar-header .app-logo .app-logo-normal{display:none}.layout-container.layout-slim .sidebar-header .app-logo .app-logo-small{display:inline}.layout-container.layout-slim .layout-sidebar{width:5rem;overflow:visible;z-index:999}.layout-container.layout-slim .layout-sidebar .layout-menu-container{overflow:auto}.layout-container.layout-slim .layout-sidebar .layout-menu-container::-webkit-scrollbar{display:none}.layout-container.layout-slim .layout-content-wrapper{margin-left:5rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{display:none}.layout-container.layout-slim .layout-menu .layout-root-menuitem>a{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;outline:none;transition:background-color var(--transition-duration);width:3rem;height:3rem;margin:0 auto 1rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>a .layout-submenu-toggler{display:none}.layout-container.layout-slim .layout-menu .layout-root-menuitem>a .layout-menuitem-icon{font-size:1.5rem;color:var(--menuitem-icon-color)}.layout-container.layout-slim .layout-menu .layout-root-menuitem>a .layout-menuitem-text{display:none}.layout-container.layout-slim .layout-menu .layout-root-menuitem>a:hover{background-color:var(--menuitem-hover-bg-color)}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul{position:absolute;left:5rem;top:0;min-width:15rem;background-color:var(--surface-overlay);border-radius:var(--border-radius);box-shadow:var(--sidebar-shadow);border:var(--sidebar-border);padding:1rem;max-height:20rem;overflow:auto;z-index:999}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul a{padding-right:.5rem;color:var(--popup-submenu-item-text-color);border-radius:var(--border-radius)}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul a .layout-menuitem-icon{color:var(--popup-submenu-item-icon-color)}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul a:hover{background-color:var(--popup-submenu-item-hover-bg-color)}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li a{padding-left:.5rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li li a{padding-left:1rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li li li a{padding-left:1.5rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li li li li a{padding-left:2rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li li li li li a{padding-left:2.5rem}.layout-container.layout-slim .layout-menu .layout-root-menuitem>ul li li li li li li a{padding-left:3rem}}@media screen and (min-width: 992px){.layout-container.layout-slim-plus .layout-topbar .topbar-menubutton{display:none}.layout-container.layout-slim-plus .sidebar-header{justify-content:center}.layout-container.layout-slim-plus .sidebar-header .app-logo .app-logo-normal{display:none}.layout-container.layout-slim-plus .sidebar-header .app-logo .app-logo-small{display:inline;align-items:center}.layout-container.layout-slim-plus .layout-sidebar{width:7rem;overflow:visible;z-index:999}.layout-container.layout-slim-plus .layout-sidebar .layout-menu-container{overflow:auto}.layout-container.layout-slim-plus .layout-sidebar .layout-menu-container::-webkit-scrollbar{display:none}.layout-container.layout-slim-plus .layout-content-wrapper{margin-left:7rem}.layout-container.layout-slim-plus .layout-menu ul{display:none}.layout-container.layout-slim-plus .layout-menu li.active-menuitem>ul{display:block}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{display:none}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>a{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);text-align:center;cursor:pointer;outline:none;transition:background-color var(--transition-duration);width:auto;height:auto;margin:0 auto 1rem;padding:.75rem 0}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>a .layout-submenu-toggler{display:none}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>a .layout-menuitem-icon{font-size:1.5rem;color:var(--menuitem-icon-color)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>a .layout-menuitem-text{font-size:.875rem;display:block;margin-top:.25rem;color:var(--menuitem-text-color)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>a:hover{background-color:var(--menuitem-hover-bg-color)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul{position:absolute;left:7rem;top:0;min-width:15rem;background-color:var(--surface-overlay);border-radius:var(--border-radius);box-shadow:var(--sidebar-shadow);border:var(--sidebar-border);padding:1rem;max-height:20rem;overflow:auto;z-index:999}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul a{padding-right:.5rem;color:var(--popup-submenu-item-text-color);border-radius:var(--border-radius)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul a .layout-menuitem-icon{color:var(--popup-submenu-item-icon-color)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul a:hover{background-color:var(--popup-submenu-item-hover-bg-color)}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li a{padding-left:.5rem}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li li a{padding-left:1rem}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li li li a{padding-left:1.5rem}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li li li li a{padding-left:2rem}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li li li li li a{padding-left:2.5rem}.layout-container.layout-slim-plus .layout-menu .layout-root-menuitem>ul li li li li li li a{padding-left:3rem}}@media screen and (min-width: 992px){.layout-container.layout-horizontal .layout-topbar .topbar-menubutton,.layout-container.layout-horizontal .sidebar-header .app-logo .app-logo-normal{display:none}.layout-container.layout-horizontal .sidebar-header .app-logo .app-logo-small{display:inline}.layout-container.layout-horizontal .layout-sidebar{width:auto;height:auto;top:0;z-index:999;overflow:visible;flex-direction:row;position:static}.layout-container.layout-horizontal .layout-sidebar .layout-menu-container{overflow:auto;padding-bottom:0}.layout-container.layout-horizontal .layout-sidebar .layout-menu-container::-webkit-scrollbar{display:none}.layout-container.layout-horizontal .layout-sidebar .sidebar-header{padding:0 2rem}.layout-container.layout-horizontal .layout-menu{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;height:100%}.layout-container.layout-horizontal .layout-menu ul{display:none}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem{border-radius:var(--border-radius)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{display:none}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>a{display:flex;align-items:center;padding:.75rem;border-radius:0;cursor:pointer;outline:none;color:var(--menuitem-text-color);transition:background-color var(--transition-duration)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>a .layout-submenu-toggler{display:block;margin-left:auto;transition:transform .2s}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>a .layout-menuitem-icon{font-size:1.25rem;color:var(--menuitem-icon-color)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>a .layout-menuitem-text{font-size:.875rem;display:block;margin-left:.75rem;margin-right:.75rem;white-space:nowrap}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>a:hover{background-color:var(--menuitem-hover-bg-color)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul{position:absolute;left:auto;top:3rem;min-width:15rem;background-color:var(--surface-overlay);box-shadow:var(--sidebar-shadow);padding:1rem;border-radius:var(--border-radius);max-height:20rem;overflow:auto;z-index:999}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul a{padding-right:.5rem;color:var(--popup-submenu-item-text-color);border-radius:var(--border-radius)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul a .layout-menuitem-icon{color:var(--popup-submenu-item-icon-color)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul a:hover{background-color:var(--popup-submenu-item-hover-bg-color)}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li a{padding-left:.5rem}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li li a{padding-left:1rem}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li li li a{padding-left:1.5rem}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li li li li a{padding-left:2rem}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li li li li li a{padding-left:2.5rem}.layout-container.layout-horizontal .layout-menu .layout-root-menuitem>ul li li li li li li a{padding-left:3rem}}@media screen and (min-width: 992px){.layout-container.layout-reveal .layout-topbar .topbar-menubutton{display:none}.layout-container.layout-reveal .layout-sidebar{height:100%;top:0;transition:transform .3s cubic-bezier(0,0,.2,1);transform:translate(-14.75rem);z-index:999}.layout-container.layout-reveal .layout-sidebar .sidebar-header{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 1rem}.layout-container.layout-reveal .layout-sidebar .sidebar-header .app-logo .app-logo-small{display:inline;order:1}.layout-container.layout-reveal .layout-sidebar .sidebar-header .app-logo .app-logo-normal{display:none}.layout-container.layout-reveal .layout-sidebar .sidebar-header .layout-sidebar-anchor{display:none;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--logo-color);background-color:transparent;transition:background-color var(--transition-duration),transform .3s}.layout-container.layout-reveal .layout-sidebar .layout-menu-container{overflow:hidden}.layout-container.layout-reveal .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>span{margin-right:auto}.layout-container.layout-reveal .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>.layout-menuitem-root-icon{display:block;margin-right:.125rem}.layout-container.layout-reveal .layout-sidebar .layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-container.layout-reveal .layout-sidebar .layout-menu ul a{padding:.75rem 1rem}.layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-menuitem-text{order:1;margin-right:auto}.layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-submenu-toggler{order:2;display:none;margin-right:.5rem}.layout-container.layout-reveal .layout-sidebar .layout-menu ul a .layout-menuitem-icon{order:3;margin-right:0;font-size:1.25rem;width:auto}.layout-container.layout-reveal.layout-reveal .layout-content-wrapper{margin-left:4.25rem;transition:margin-left .3s cubic-bezier(0,0,.2,1)}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar{transform:translate(0)}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu-container{overflow:auto}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header{padding:1.5rem 2rem;justify-content:space-between}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-normal{display:inline}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-small{display:none}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .sidebar-header .layout-sidebar-anchor{display:block;animation:px-fadein .15s linear}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>.layout-menuitem-root-icon{display:none}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul a{padding:.75rem 2rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul a .layout-submenu-toggler{display:block}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul{overflow:hidden;border-radius:var(--border-radius)}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li a{padding-left:2.5rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li a{padding-left:3rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li a{padding-left:3.5rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li a{padding-left:4rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li a{padding-left:5.5rem}.layout-container.layout-reveal.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li li a{padding-left:5rem}.layout-container.layout-reveal.layout-sidebar-anchored .sidebar-header .layout-sidebar-anchor{background-color:var(--logo-color)}.layout-container.layout-reveal.layout-sidebar-anchored .layout-content-wrapper{margin-left:18rem}}@media screen and (min-width: 992px){.layout-container.layout-drawer .layout-topbar .topbar-menubutton{display:none}.layout-container.layout-drawer .layout-sidebar{height:100%;top:0;transition:width .3s cubic-bezier(0,0,.2,1);width:5.25rem;z-index:999}.layout-container.layout-drawer .layout-sidebar .sidebar-header{display:flex;justify-content:center;gap:1rem;padding:1.5rem 0rem}.layout-container.layout-drawer .layout-sidebar .sidebar-header .app-logo .app-logo-small{display:inline;order:1}.layout-container.layout-drawer .layout-sidebar .sidebar-header .app-logo .app-logo-normal{display:none;width:0;transition:width .3s cubic-bezier(0,0,.2,1);transition-delay:.3s}.layout-container.layout-drawer .layout-sidebar .sidebar-header .layout-sidebar-anchor{display:none;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--logo-color);background-color:transparent;transition:background-color var(--transition-duration),transform .3s}.layout-container.layout-drawer .layout-sidebar .layout-menu-container{overflow:hidden}.layout-container.layout-drawer .layout-sidebar .layout-menu{transition:all .4s}.layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{opacity:0;white-space:nowrap;transition:all .1s}.layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>span{margin-right:auto}.layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text .layout-menuitem-icon{font-size:1.25rem;width:1.25rem}.layout-container.layout-drawer .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>.layout-menuitem-root-icon{display:block;margin-right:.125rem;font-size:1.25rem}.layout-container.layout-drawer .layout-sidebar .layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-container.layout-drawer .layout-sidebar .layout-menu ul a{padding:.75rem 2rem;width:1.25rem}.layout-container.layout-drawer .layout-sidebar .layout-menu ul a span{opacity:0;white-space:nowrap;transition:all .1s}.layout-container.layout-drawer .layout-sidebar .layout-menu ul a .layout-menuitem-icon{font-size:1.25rem;width:1.25rem}.layout-container.layout-drawer.layout-drawer .layout-content-wrapper{margin-left:5.25rem;transition:margin-left .3s cubic-bezier(0,0,.2,1);overflow-x:hidden}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar{width:18rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu-container{overflow:auto}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header{padding:1.5rem 2rem;justify-content:space-between}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-normal{display:inline;width:100%;transition:width .3s cubic-bezier(0,0,.2,1);transition-delay:.3s}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .app-logo .app-logo-small{display:none}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .sidebar-header .layout-sidebar-anchor{display:block;animation:px-fadein .15s linear}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text{padding:1rem 1.25rem 1rem 2rem;opacity:1;white-space:nowrap;transition:all .3s}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu .layout-root-menuitem>.layout-menuitem-root-text>.layout-menuitem-root-icon{display:none}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a{padding:.75rem 1.25rem .75rem 2rem;width:auto}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a .layout-submenu-toggler{display:block}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul a span{opacity:1;white-space:nowrap;transition:all .3s}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul{overflow:hidden;border-radius:var(--border-radius)}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li a{padding-left:2.5rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li a{padding-left:3rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li a{padding-left:3.5rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li a{padding-left:4rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li a{padding-left:5.5rem}.layout-container.layout-drawer.layout-sidebar-active .layout-sidebar .layout-menu ul ul li li li li li li a{padding-left:5rem}.layout-container.layout-drawer.layout-sidebar-anchored .sidebar-header .layout-sidebar-anchor{background-color:var(--logo-color)}.layout-container.layout-drawer.layout-sidebar-anchored .layout-content-wrapper{margin-left:18rem}}.layout-colorscheme-menu{--logo-color: var(--primary-color);--menu-bg: var(--surface-overlay);--root-menuitem-text-color: var(--primary-color);--menuitem-text-color: var(--text-color);--menuitem-icon-color: var(--primary-color);--menuitem-hover-bg-color: var(--surface-hover);--popup-submenu-item-text-color: var(--text-color);--popup-submenu-item-icon-color: var(--primary-color);--popup-submenu-item-hover-bg-color: var(--surface-hover)}.layout-primarycolor-menu{--logo-color: var(--primary-color-text);--menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600));--root-menuitem-text-color: var(--primary-color-text);--menuitem-text-color: var(--primary-color-text);--menuitem-icon-color: var(--primary-color-text);--menuitem-hover-bg-color: rgba(255,255,255,.1);--popup-submenu-item-text-color: var(--text-color);--popup-submenu-item-icon-color: var(--primary-color);--popup-submenu-item-hover-bg-color: var(--surface-hover)}.layout-dark.layout-primarycolor-menu,.layout-dim.layout-primarycolor-menu{--menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500))}.layout-transparent-menu{--logo-color: var(--primary-color);--menu-bg: var(--surface-overlay);--root-menuitem-text-color: var(--primary-color);--menuitem-text-color: var(--text-color);--menuitem-icon-color: var(--primary-color);--menuitem-hover-bg-color: var(--surface-hover);--popup-submenu-item-text-color: var(--text-color);--popup-submenu-item-icon-color: var(--primary-color);--popup-submenu-item-hover-bg-color: var(--surface-hover)}@media screen and (min-width: 992px){.layout-container.layout-transparent-menu.layout-static .layout-sidebar,.layout-container.layout-transparent-menu.layout-slim .layout-sidebar,.layout-container.layout-transparent-menu.layout-slim-plus .layout-sidebar,.layout-container.layout-transparent-menu.layout-horizontal .layout-sidebar{background-color:transparent;border-right:1px solid transparent;box-shadow:none}}@media screen and (min-width: 992px){.layout-container.layout-static .layout-sidebar{transition:transform var(--transition-duration)}.layout-container.layout-static .layout-content-wrapper{margin-left:18rem;transition:margin-left var(--transition-duration)}.layout-container.layout-static-inactive .layout-sidebar{transform:translate(-100%)}.layout-container.layout-static-inactive .layout-content-wrapper,.layout-container.layout-overlay .layout-content-wrapper{margin-left:0}.layout-container.layout-overlay .layout-sidebar{z-index:999;transform:translate(-100%);transition:transform var(--transition-duration)}.layout-container.layout-overlay.layout-overlay-active .layout-sidebar{transform:translate(0)}.layout-container .content-breadcrumb{display:none}}@media screen and (max-width: 991px){.blocked-scroll{overflow:hidden}.layout-container .layout-content-wrapper{margin-left:0;padding:1rem}.layout-container .layout-sidebar{z-index:999;transform:translate(-100%);transition:transform var(--transition-duration);box-shadow:none}.layout-container.layout-mobile-active .layout-sidebar{transform:translate(0)}.layout-container.layout-mobile-active .layout-mask{display:block;animation:fadein var(--transition-duration)}.layout-container .layout-mask{display:none;position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;background-color:var(--maskbg)}.layout-container .topbar-breadcrumb{display:none}.layout-container .content-breadcrumb{display:block}}@media screen and (min-width: 1960px){.layout-content,.landing-wrapper,.layout-topbar{width:1504px;margin-left:auto!important;margin-right:auto!important}}.layout-topbar{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.layout-topbar .topbar-start{display:flex;align-items:center}.layout-topbar .topbar-start .topbar-menubutton{display:inline-flex;align-items:center;justify-content:center;margin-right:2rem;border-radius:50%;width:2.5rem;height:2.5rem;flex-shrink:0;transition:background-color var(--transition-duration)}.layout-topbar .topbar-start .topbar-menubutton i{font-size:1.25rem;color:var(--text-color);transition:color var(--transition-duration)}.layout-topbar .topbar-start .topbar-menubutton:hover{background-color:var(--primary-color)}.layout-topbar .topbar-start .topbar-menubutton:hover i{color:var(--primary-color-text)}.layout-topbar .topbar-menu{display:flex;align-items:center;margin:0;padding:0;list-style:none}.layout-topbar .topbar-menu li.topbar-profile{margin-left:1.5rem;display:inline-flex;align-items:center;justify-content:center}.layout-topbar .topbar-menu li.topbar-profile img{width:2rem;height:2rem}.layout-topbar .topbar-menu li.topbar-profile button{border-radius:50%;width:2rem;height:2rem;transition:box-shadow var(--transition-duration)}.layout-topbar .topbar-menu li.topbar-profile button:focus{box-shadow:var(--focus-ring)}.layout-topbar .topbar-menu li.topbar-search .p-inputtext{padding-top:.5rem;padding-bottom:.5rem;border-radius:2rem}.layout-breadcrumb ol{display:flex;align-items:center;margin:0;padding:0;list-style:none;gap:1rem;flex-wrap:wrap;color:var(--text-color-secondary)}.layout-breadcrumb ol li{font-weight:600}.content-breadcrumb{margin-bottom:2rem;padding:0 .5rem}.layout-profile-sidebar.p-sidebar{width:25rem}.layout-profile-sidebar.p-sidebar .p-sidebar-content{padding-left:2rem;padding-right:2rem}.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-content-wrapper{padding:2rem}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 1rem;font-family:inherit;font-weight:600;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:var(--border-radius);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}.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:70px}.ng-hidden{display:none!important}.grid{display:flex;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.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:1rem}.col-fixed{flex:0 0 auto;padding:1rem}.col-1{flex:0 0 auto;padding:1rem;width:8.3333%}.col-2{flex:0 0 auto;padding:1rem;width:16.6667%}.col-3{flex:0 0 auto;padding:1rem;width:25%}.col-4{flex:0 0 auto;padding:1rem;width:33.3333%}.col-5{flex:0 0 auto;padding:1rem;width:41.6667%}.col-6{flex:0 0 auto;padding:1rem;width:50%}.col-7{flex:0 0 auto;padding:1rem;width:58.3333%}.col-8{flex:0 0 auto;padding:1rem;width:66.6667%}.col-9{flex:0 0 auto;padding:1rem;width:75%}.col-10{flex:0 0 auto;padding:1rem;width:83.3333%}.col-11{flex:0 0 auto;padding:1rem;width:91.6667%}.col-12{flex:0 0 auto;padding:1rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:1rem}.sm\:col-fixed{flex:0 0 auto;padding:1rem}.sm\:col-1{flex:0 0 auto;padding:1rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:1rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:1rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:1rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:1rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:1rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:1rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:1rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:1rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:1rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:1rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:1rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:1rem}.md\:col-fixed{flex:0 0 auto;padding:1rem}.md\:col-1{flex:0 0 auto;padding:1rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:1rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:1rem;width:25%}.md\:col-4{flex:0 0 auto;padding:1rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:1rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:1rem;width:50%}.md\:col-7{flex:0 0 auto;padding:1rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:1rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:1rem;width:75%}.md\:col-10{flex:0 0 auto;padding:1rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:1rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:1rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:1rem}.lg\:col-fixed{flex:0 0 auto;padding:1rem}.lg\:col-1{flex:0 0 auto;padding:1rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:1rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:1rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:1rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:1rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:1rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:1rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:1rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:1rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:1rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:1rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:1rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:1rem}.xl\:col-fixed{flex:0 0 auto;padding:1rem}.xl\:col-1{flex:0 0 auto;padding:1rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:1rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:1rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:1rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:1rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:1rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:1rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:1rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:1rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:1rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:1rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:1rem;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{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{backface-visibility:visible;animation:flip .15s linear}.flipup{backface-visibility:visible;animation:flipup .15s linear}.flipleft{backface-visibility:visible;animation:flipleft .15s linear}.flipright{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}.product-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.product-badge.status-instock{background:var(--green-200);color:var(--green-800)}.product-badge.status-outofstock{background:var(--pink-200);color:var(--pink-800)}.product-badge.status-lowstock{background:var(--yellow-200);color:var(--yellow-800)}.product-badge-text{font-weight:700;font-size:12px;letter-spacing:.3px}.product-badge-text.status-instock{color:var(--green-500)}.product-badge-text.status-outofstock{color:var(--pink-500)}.product-badge-text.status-lowstock{color:var(--yellow-500)}.customer-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.customer-badge.status-qualified{background:var(--green-200);color:var(--green-800)}.customer-badge.status-unqualified{background:var(--pink-200);color:var(--pink-800)}.customer-badge.status-negotiation{background:var(--yellow-200);color:var(--yellow-800)}.customer-badge.status-new{background:var(--blue-200);color:var(--blue-800)}.customer-badge.status-renewal{background:var(--purple-200);color:var(--purple-800)}.customer-badge.status-proposal{background:var(--orange-200);color:var(--orange-800)}.order-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.order-badge.order-delivered{background:#C8E6C9;color:#256029}.order-badge.order-cancelled{background:#FFCDD2;color:#c63737}.order-badge.order-pending{background:#FEEDAF;color:#8a5340}.order-badge.order-returned{background:#ECCFFF;color:#694382}pre.app-code{background-color:var(--surface-ground);margin:0 0 1rem;padding:0;border-radius:var(--border-radius);overflow:auto}pre.app-code code{color:var(--surface-900);padding:1rem;line-height:1.5;display:block;font-family:monaco,Consolas,monospace}